/*

Theme Name: Bootcamp Theme
Version: 1.0.0
Author: DAT Bootcamp

*/

* {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
 html, body {
     overflow-x: hidden;
}
 html {
     position: relative;
     background: #fff;
     overflow-y: scroll;
     scroll-behavior: smooth;
}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-size: 100%;
     vertical-align: baseline;
     background: transparent;
}
 .clearfix:after {
     content: "";
     display: block;
     clear: both;
     visibility: hidden;
     font-size: 0;
     height: 0;
}
 .clearfix {
     *display: inline-block;
     height: 1%;
}
 *::-moz-selection, *::-webkit-selection, ::selection, .highlight {
     background: #fff198;
     color: #222;
}
 ol, ul {
     list-style: none
}
 blockquote, q {
     quotes: none
}
 blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none;
}
 :focus {
     outline: 0
}
 ins {
     text-decoration: none
}
 del {
     text-decoration: line-through
}
 table {
     border-collapse: collapse;
     border-spacing: 0;
}
 body {
     margin: 0;
     color: #555;
     background: #fff;
     font: 16px/28px 'proxima-nova', Helvetica, sans-serif;
     overflow-x: hidden;
     padding: 0;
}
 img {
     border-style: none;
}
 a {
     color: #46b1e1;
     text-decoration: none;
    /*-webkit-transition: .07s ease-in;
     -moz-transition: .07s ease-in;
     -o-transition: .07s ease-in;
     transition: .07s ease-in;
    */
}
 a:hover {
     color: #555;
     text-decoration: none;
    /*-webkit-transition: .07s ease-in;
     -moz-transition: .07s ease-in;
     -o-transition: .07s ease-in;
     transition: .07s ease-in;
    */
}
 input, textarea, select {
     font: 100% arial,sans-serif;
     vertical-align: middle;
     color: #000;
}
 form, fieldset {
     margin: 0;
     padding: 0;
     border-style: none;
}
 input[type="text"], textarea {
     color: #999;
     border: none;
     border: solid 1px #e4e4e4;
     border-bottom: solid 1px #ddd;
     background: #fff;
     width: 100%;
     padding: 10px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     -webkit-appearance:none;
}
 input:focus, textarea:focus {
     outline: none;
}
 submit {
     font-family: "proxima-nova", Helvetica, Arial, sans-serif;
     font-weight: 500;
     color: #666;
     text-shadow: 0px 1px 0px rgba(255,255,255,0.59);
     padding: 10px 15px;
     margin: 10px 0 0 0;
     font-size: 13px;
     outline: none;
     background: #f1f1f1;
     border: 1px solid #d8d8d8;
     border-bottom: 1px solid #ccc;
     border-radius: 3px;
     cursor: pointer;
     overflow: visible;
     -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
     -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
     -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
     box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
     -webkit-appearance: none;
     -webkit-transition: .1s ease-in;
     -moz-transition: .1s ease-in;
     -o-transition: .1s ease-in;
     transition: .1s ease-in;
}
 submit:hover {
     background: #f9f9f9;
     cursor: pointer;
     -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.75);
     -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75);
     -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75);
     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.75);
     -webkit-transition: .1s ease-in;
     -moz-transition: .1s ease-in;
     -o-transition: .1s ease-in;
     transition: .1s ease-in;
}
 submit:active {
     border: 1px solid #d2d2d2;
     border-bottom: 1px solid #d8d8d8;
     border-radius: 3px;
     -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20);
     -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20);
     -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20);
     box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20);
}
 hr {
     margin: 40px 0 30px;
     border: 0;
     border-bottom: 1px solid #eee;
     height: 1px;
}
 sup, sub {
     vertical-align: baseline;
     position: relative;
     top: -0.4em;
     font-size: .85em;
}
 sub {
     top: 0.4em;
}
/* ===[ Text Formatting ]=== */
 h1, h2, h3, h4, h5, h6 {
     margin: 0 0 25px 0;
     font-family: 'proxima-nova', sans-serif;
     font-weight: bold;
     color: #444;
}
 h1 {
     font-size: 34px;
     line-height: 40px;
}
 h2 {
     font-size: 28px;
     line-height: 32px;
}
 h3 {
     font-size: 22px;
     line-height: 30px;
}
 h4 {
     font-size: 18px;
     line-height: 22px;
}
 h5 {
     font-size: 14px;
     line-height: 18px;
}
 h6 {
     font-size: 12px;
}
 small {
     font-size: 12px;
}
/* ===[ Header Area Styles ]=== */
 .header {
     background: #0D1317;
     color: rgba(255, 255, 255, 0.70);
     font-size: 14px;
     line-height: 1.6;
     position: fixed;
     z-index: 10;
     width: 245px;
     height: 100%;
     float: left;
     box-shadow: inset -7px 0px 18px -10px #050505;
}
 .header hgroup {
    width: 100%;
    display: flex;
    position: relative;
    padding: 16px;
    margin-bottom: 16px;
    line-height: 0;
    z-index: 10;
}
 .header hgroup h1 {
     line-height: 0;
}
 .header-thin {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
     background: #fff;
     padding: 17px 21px;
     border-bottom: 1px solid rgba(0,0,0,.1);
     box-shadow: 0 1px 0 0 hsla(0,0%,100%,.2);
}
 .header-thin .col-1 {
     display: flex;
     flex-direction: column;
     width: 33%;
}
 .header-thin .col-2 {
     display: flex;
     flex-direction: column;
     width: 33%;
     text-align: center;
}
 .header-thin .col-3 {
     display: flex;
     flex-direction: column;
     width: 33%;
}
 .header-thin hgroup {
     display: block;
     width: 100%;
     max-width: 1000px;
     margin: 0 auto;
     padding: 1em 0;
     z-index: 100;
     position: relative;
     line-height: 0;
}
 .header-thin .logo-image {
     float: left;
}
 .header-thin a.close {
     display: block;
     width: 20px;
     height: 20px;
     background: url(data:image/svg+xml;
    base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDExIDExIj48cGF0aCBmaWxsPSIjOTg5REE0IiBkPSJNOS40MTggMS4wMzhhLjgwOC44MDggMCAxIDEgMS4xNDQgMS4xNDRMNi45NDQgNS44bDMuNjE4IDMuNjE4YS44MDguODA4IDAgMSAxLTEuMTQ0IDEuMTQ0TDUuOCA2Ljk0NGwtMy42MTggMy42MThhLjgwOC44MDggMCAxIDEtMS4xNDQtMS4xNDRMNC42NTYgNS44IDEuMDM4IDIuMTgyYS44MDguODA4IDAgMSAxIDEuMTQ0LTEuMTQ0TDUuOCA0LjY1NmwzLjYxOC0zLjYxOHoiLz48L3N2Zz4=) 50%/100% no-repeat;
     background-size: 100% auto;
     background-size: 10px 10px;
     text-indent: 100%;
     overflow: hidden;
     margin-left: auto;
}
 .header-home .nav-wrap {
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
     max-width: 1216px;
     margin: 0 auto;
     padding: 1em 0px;
}
 .header-home .header-nav {
     border-bottom: 0;
}

.header-home .header-nav svg {
     font-size: 1.5em;
}

.header-home .header-nav input:checked ~ ul.nav {
     display: flex;
     flex-direction: column;
     width: 100%;
     height: auto;
     position: absolute;
     left: 0;
     padding: 16px 2em;
     top: 58px;
     z-index: 1;
     background: white;
     border-bottom: 1px solid rgba(0,0,0,.1);
     box-shadow: 0 1px 0 0 hsla(0,0%,100%,.2);
     transition: all .2s ease;
}

.header-home .header-nav input:checked ~ ul.nav li {
     margin: 0;
}

.header-home .header-nav input:checked ~ ul.nav li a {
     color: #333 !important;
     padding: 0;
     margin-bottom: 16px;
     font-size: 2em;
}

.header-home .header-nav input:checked ~ ul.nav li:last-child a {
     margin-bottom: 0;
}

 .header-home .nav-wrap .nav li {
     padding: 0;
     display: inline-block;
     border-bottom: 0;
     margin: 0 8px;
}
 .header-home .nav-wrap .nav a {
     display: block;
     position: relative;
     font: 600 16px 'proxima-nova',sans-serif;
     padding: 10px 14px;
}
 .header-home .col-1 {
     display: flex;
     flex-direction: column;
     width: 25%;
}
 .header-thin .col-2 {
     display: flex;
     flex-direction: column;
     width: 75%;
}
 .header-home hgroup {
     display: block;
     width: 100%;
     max-width: 1000px;
     margin: 0 auto;
     padding: 1em 0;
     z-index: 100;
     position: relative;
     line-height: 0;
}
 .header-home .logo-image {
     float: left;
}
/* ===[ Search Form ]=== */
 .error404 .post .search-form {
     margin-top: 30px;
     margin: 0 auto;
     position: relative;
}
 .error404 .post .search-form-input {
     background: #fff;
     font-weight: normal;
     text-transform: none;
     border: solid 1px #e4e4e4;
     border-bottom: solid 1px #ddd;
     padding: 10px;
     font-size: 20px;
     width: 100%;
}
 .error404 .post .search-form .submit {
     display: none;
}
 .error404 .post .box-wrap {
     padding-bottom: 65px;
}
/* ===[ Header Search Styles ]=== */
 .header-search {
     position: relative;
     display: none;
}
 .header .search-form-input {
     position: relative;
     display: inline-block;
     width: 100%;
     border: none !important;
     padding: 12px 8px 12px 28px !important;
     font-size: 12px;
     font-weight: bold;
     color: #ccc;
     display: none;
}
 @media only screen and (min-width:768px) {
     .header .search-form-input {
         display: inline-block;
    }
}
 .header .search-button {
     position: relative;
     background: #555;
     border: none;
     padding: 8px;
     color: #fff;
     font-size: 10px;
     font-weight: bold;
     text-transform: uppercase;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     display: none;
}
 .header .search-form {
     margin: 0;
     padding: 16px 15px;
     border-bottom: solid 1px #262627;
}
 .header .search-form-input {
     position: relative;
     background: #3A4447;
     color: #92999C;
     padding-left: 34px;
     -webkit-transition: .07s ease-in;
     -moz-transition: .07s ease-in;
     -o-transition: .07s ease-in;
     transition: .07s ease-in;
     z-index: 10;
}
 .header .search-form-input:focus, .header .search-form-input:hover {
     color: #fff;
     background: #434E51;
     -webkit-transition: .07s ease-in;
     -moz-transition: .07s ease-in;
     -o-transition: .07s ease-in;
     transition: .07s ease-in;
}
 .header .search-form fieldset:before {
     font-family: "Font Awesome 5 Pro";
     -webkit-font-smoothing: antialiased;
     content: "\f002";
     font-size: 13px;
     position: absolute;
     top: 24px;
     left: 25px;
     display: block;
     z-index: 50;
}
 .header .widgets .search-form {
     border-bottom: none;
     padding: 0;
}
 .header .widgets .search-form fieldset:before {
     top: 16px;
     color: #555;
}
li#menu-item-58472 {
     background: #6C5CE7;
     border-radius: 8px;
}
li#menu-item-58472 a {
     color: #FFF;
}
/* ===[ Footer Seach Styles ]=== */
 footer .search-form-input {
     padding: 5px 10px;
}
 footer .search-form .submit {
     display: none;
}
/* ===[ Logo Styles ]=== */
 .logo {
     display: block;
     margin: 0;
}
 .logo-image {
     display: inline-block;
     margin-bottom: 0;
     width: 100%;
}
 .logo-image img {
     width: 180px;
}
 .js .logo-retina {
     display: none;
}
 .logo-text {
     position: relative;
     font-family: 'proxima-nova', sans-serif;
     font-size: 24px;
     font-weight: 600;
     line-height: 32px;
     margin-bottom: 0;
     letter-spacing: 0px;
}
 .logo-subtitle {
     font-size: 14px;
     font-weight: 500;
     line-height: 20px;
     letter-spacing: 0;
     color: #92999C;
     margin: 5px 0 0 0;
     display: inline-block;
     width: 100%;
}
 .logo-text a {
     color: #fff;
     -webkit-transition: .1s ease-in;
     -moz-transition: .1s ease-in;
     -o-transition: .1s ease-in;
     transition: .1s ease-in;
}
 .logo-text a:hover {
     color: #ddd;
     -webkit-transition: .1s ease-in;
     -moz-transition: .1s ease-in;
     -o-transition: .1s ease-in;
     transition: .1s ease-in;
}
/* ===[ Navigation Styles ]=== */
 .menu-toggle {
     display: none;
     position: absolute;
     top: 19px;
     right: 15px;
}
 .header-nav {
     border-bottom: solid 0px #262627;
     padding: 0 20px 20px 20px;
     display: inline-block;
     width: 100%;
}
 .nav a {
     color: rgba(255,255,255,.7);
     margin-bottom: 0px;
     padding: 8px 16px;
     display: inline-block;
     width: 100%;
     font-size: 15px;
     font-weight: 400;
}
 .nav a:hover {
     color: #fff;
     text-decoration: none;
     cursor: pointer;
}
 .nav .current-menu-item a, .nav a:hover {
     color: #fff;
}
 .nav .current-menu-item a {
     border-radius: 5px;
     color: var(--main-subject-color);
     max-width: 260px;
}
.nav .current-menu-item a:after {
     position: absolute;
     left: 0;
     top: 50%;
     transform: translateY(-50%);
     content: '';
     display: block;
     width: 3px;
     height: 75%;
     background: var(--main-subject-color);
     border-radius: 0px 4px 4px 0px;
}
.header-home .nav .current-menu-item a {
     color: #8061CA !important;
     font-weight: 700;
}
.header-home .nav .current-menu-item a:after {
     display: none;
}
.header-home input {
     display: none;
}
 .nav li {
     padding: 0;
     margin: 0;
     margin-bottom: 0;
     position: relative;
}
 .nav >li:last-child {
     border-bottom: none;
     margin-bottom: 0;
}
 .nav >li:last-child a {
     border-bottom: none;
}
 ul.sub-menu li svg {
     position: relative;
     display: block;
     float: left;
     margin-right: 15px;
     width: 20px;
     height: 20px;
}
 ul.sub-menu li svg path {
     fill: currentColor;
}
 .nav, .nav ul {
     margin: 0 0 0 0;
     padding: 0;
     list-style-type: none;
     list-style-position: outside;
     position: relative;
}
 nav h2 {
     color: #fff;
     font-size: 13px;
     margin: 0;
}
 nav h2:hover {
     cursor: pointer;
}
 nav h2 i {
     margin-right: 3px;
     color: #3ac1e8;
}
 .menu-item a[href="#"] {
     font-weight: 700;
     font-family: proxima-nova;
     font-size: 12px;
     margin: 0 0 8px;
     padding: 0 16px;
     color: rgba(255,255,255,0.7);
     letter-spacing: 0.5px;
     text-transform: uppercase;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     cursor: default;
}
 .sidebar-footer {
     display: flex;
     flex-direction: column;
     position: relative;
     font-size: 12px;
     padding: 8px 20px;
     width: 100%;
}
.sidebar-footer a {
     color: inherit;
}
/* ===[ Main Body Styles ]=== */
 #body-wrap {
     max-width: 1800px;
     position: relative;
     height: 100%;
}
 #wrapper {
     float: left;
     position: relative;
     width: 100%;
     padding: 0 250px 50px 250px;
     height: 100%;
}
 #wrapper a:hover {
     color: #248fbf;
}
 #main {
     width: 100%;
     margin: 0 auto;
     height: 100%;
}
/* ===[ Post Styles ]=== */
 .post {
     position: relative;
     background: #fff;
     margin: 0 0 30px 0;
     padding-bottom: 30px;
}
 .post:last-child {
     border-bottom: none;
     margin-bottom: 0;
     padding-bottom: 0;
}
 .post li {
     list-style-type: square;
     margin-bottom: 5px;
}
 .post .featured-image, .post .gallery-wrap {
     margin-top: -31px;
}
 .single .post .featured-image, .page .post .featured-image, .single .post .gallery-wrap, .post:first-child .featured-image, .post:first-child .gallery-wrap {
     margin-top: 0px !important;
}
 .post .featured-image {
     display: inline-block;
     max-width: 100%;
     width: 100%;
     display: block;
}
 .post .featured-image img, .attachment-large-image {
     max-width: 100%;
     width: 100%;
     height: auto;
     float: left;
     display: inline-block;
}
 .archive .featured-image, .search .featured-image {
     display: none;
}
 .post .box-wrap {
     display: block;
     width: 100%;
}
 .post .box {
     position: relative;
     margin: 0 auto;
     padding: 32px 14% 0 14%;
}
 .page .post .box {
     padding-bottom: 50px;
}
 .post .post-content {
     width: 100%;
     float: left;
     padding: 0 0 0 0;
}
 .post .post-content ul, .post .post-content ol {
     margin: 0 0 30px 18px;
}
 .post .post-content ol li {
     list-style-type: decimal;
}
 .post .more-link {
     font: 600 16px 'proxima-nova', sans-serif;
     color: #FCFCFC!important;
     width: 100%;
     max-width: 100%;
     background: #5096E4;
     position: relative;
     text-align: center;
     display: block;
     padding: 1em;
     border-radius: 5px;
}
 .post .more-link:hover {
     color: #555;
}
 .post .excerpt-more .more-link {
     margin-top: 28px;
}
 .post .excerpt-more p {
     margin-bottom: 0!important;
}
 .archive-title {
     font: 600 28px 'proxima-nova', sans-serif;
     color: rgba(255,255,255,.7);
     margin-bottom: 1em;
}
 .title-meta {
     font-size: 13px;
     width: 100%;
     display: inline-block;
     border-bottom: solid 4px #444;
     margin-bottom: 50px;
     padding-bottom: 2px;
     color: #444;
}
 .archive .title-meta, .search .title-meta {
     margin-bottom: 10px;
}
 .title-meta-left {
     float: left;
}
 .title-meta-left a {
     color: #999;
}
 .title-meta-left a:hover {
     color: #555 !important;
}
 .title-meta-right {
     float: right;
     margin-left: 15px;
}
 .title-meta-right a {
     color: #444;
}
 .title-meta-right a:hover {
     color: #b3b3b3 !important;
}
 .entry-title {
     font-family: 'proxima-nova', sans-serif;
     font-weight: bold;
     font-size: 44px;
     line-height: 50px;
     letter-spacing: -1px;
     margin: 0 0 24px 0;
     padding: 0 0 0 0;
}
 .entry-title a {
     color: #444;
}
 .entry-title a:hover {
     color: #666 !important;
}
 .intro {
     font-size: 20px;
     font-weight: 300;
     line-height: 28px;
     color: #aaa;
     margin: 0 0 28px 0;
     padding: 0 0 27px 0;
     border-bottom: solid 1px #e4e4e4;
}
 blockquote {
     padding: 0 0 0 30px;
     margin: 30px 0;
     font-family: 'proxima-nova', sans-serif;
     font-weight: 300;
     font-size: 20px;
     line-height: 30px;
     color: #aaa;
     border-left: solid 10px #eee;
}
 blockquote.callout {
     padding: 15px;
     margin: 0 0 1em 0;
     font-family: 'proxima-nova', sans-serif;
     font-weight: inherit;
     font-size: inherit;
     line-height: inherit;
     background: #F9f9f9;
     color: #333;
     border-left: solid 5px #0F6292;
}
 blockquote.callout {
     padding: 15px;
     margin: 0 0 1em 0;
     font-family: 'proxima-nova', sans-serif;
     font-weight: inherit;
     font-size: inherit;
     line-height: inherit;
     background: #F9f9f9;
     color: inherit;
     border-left: solid 5px #0F6292;
}
 blockquote.callout p {
     margin-bottom: 0 !important;
}
/* ===[ Header Widget Styling ]=== */
 .header .widgets {
     display: inline-block;
     width: 100%;
     padding-bottom: 20px;
}
 .header .widget {
     padding: 25px 20px 15px 20px;
     border-bottom: solid 1px #262627;
     border-top: solid 0px #3B4143;
}
 .header .widget:last-child {
     border-bottom: none;
     padding-bottom: 50px;
}
 .header .widget a {
     color: #92999C;
}
 .header .widget a:hover {
     color: #fff;
}
 .header .widgettitle {
     font-size: 14px;
     font-weight: bold;
     margin-bottom: 0px;
     color: #fff;
}
 .header .widget ul {
     margin: 10px 0 15px 0;
     padding-right: 20px;
}
 .header .widget ul li {
     border-bottom: solid 1px rgba(255,255,255,.08);
     margin-bottom: 8px;
     padding-bottom: 8px;
}
 .header .widget ul li:last-child {
     border-bottom: none;
     padding-bottom: 0;
     margin-bottom: 0;
}
 #wp-calendar {
     width: 100%;
}
 #wp-calendar caption {
     font-weight: bold;
}
/* ===[ Text Widget Styles ]=== */
 .textwidget {
     word-wrap: break-word;
}
 .textwidget img {
     max-width: 100%;
     height: auto;
}
 .header select {
     width: 100%;
}
/* ===[ RSS Widget Styles ]=== */
 .header .widget_rss .widgettitle {
     padding-left: 0;
}
 .header .widget_rss .widgettitle a {
     color: #fff !important;
}
/* ===[ Search Widget Styles ]=== */
 .header .widgets .widget_search {
     position: relative;
}
 .header .widgets .search-form-input {
     padding-left: 12px !important;
     background: #202527;
}
 .header .widgets .search-form fieldset:before {
     display: none;
}
/* ===[ Content Styles ]=== */
 #content {
     width: 100%;
     margin: 0 auto;
     position: relative;
}
 #content p {
     margin: 0 0 28px;
}
 #content img {
     max-width: 100%;
     height: auto;
}
 #content .meta {
     font-family: 'proxima-nova', Helvetica, sans-serif;
     color: #999;
     margin: 5px 0 0 0;
     padding: 0;
     width: 100%;
     display: inline-block;
     float: left;
     -webkit-border-bottom-right-radius: 3px;
     -webkit-border-bottom-left-radius: 3px;
     -moz-border-radius-bottomright: 3px;
     -moz-border-radius-bottomleft: 3px;
     border-bottom-right-radius: 3px;
     border-bottom-left-radius: 3px;
}
 #content .meta a {
     color: #999;
}
 #content .meta a:hover {
     color: #555;
}
 #content .meta li {
     position: relative;
     list-style-type: none !important;
     margin: 0 0 4px 0;
     padding: 0;
}
 #content .meta li:last-child {
     border-bottom: none;
     border-right: none;
     margin-right: 0;
     margin-bottom: 0;
     padding-right: 0;
}
 #content .meta li i {
     margin-right: 8px;
}
 #content .meta span {
     font-weight: bold;
     color: #555;
}
 #content .meta strong {
     color: #555;
}
 #content .pagelink {
     font-weight: bold;
}
 #content .post-nav {
     margin: 0;
}
 #content .post-nav-inside {
     font-size: 16px;
     font-weight: 500;
     padding: 1em;
     margin: 0 0 0 0;
     border-radius: 5px;
     background: rgba(0,0,0,.4);
     display: inline-block;
     width: 100%;
}
 #content .post-nav a {
     color: #FFF;
}
 #content .post-nav a:hover {
     color: #FFF;
}
 #content .post-nav i {
     font-size: 11px;
}
 #content .post-nav-left i {
     padding-right: 2px;
}
 #content .post-nav-right i {
     padding-left: 2px;
}
 #content .post-nav-left {
     float: left;
}
 #content .post-nav-right {
     float: right;
     text-align: right;
}
 #content .infinite {
     display: none;
}
 #infscr-loading {
     width: 100%;
     text-align: center;
     text-transform: uppercase;
     font-size: 11px;
     color: #bbb;
     height: 75px;
     letter-spacing: 3px;
}
 #infscr-loading img, #infscr-loading div {
     display: inline-block;
}
 #infscr-loading img {
     display: none;
}
 #infscr-loading img {
     margin-right: 5px;
}
/* ===[ Comment Styles ]=== */
 .comments {
     background: #fff;
     float: left;
     width: 100%;
     margin: 0 auto;
     padding: 50px 14% 0 14%;
}
 #comments-title h3 {
     font-family: 'proxima-nova', Helvetica, sans-serif;
     font-size: 18px;
     font-weight: 500;
     padding: 10px 0;
     margin: 0 0 40px 0;
     border-top: solid 5px #444;
     border-bottom: solid 1px #e5e5e5;
     color: #444;
}
 .comments-open {
     border-bottom: solid 1px #e7e7e7;
     margin-bottom: 60px !important;
}
 #respond {
     margin: 0 0 15px 0;
     padding: 0 0 60px 0;
}
 .comment #respond {
     margin-top: 0px;
     padding-bottom: 10px;
}
 #respond h3 {
     font-family: 'proxima-nova', Helvetica, sans-serif;
     font-size: 18px;
     font-weight: 500;
     padding: 10px 0;
     margin: 0 0 0 0;
     border-top: solid 5px #444;
     border-bottom: solid 1px #e5e5e5;
     color: #444;
     display: inline-block;
     width: 100%;
}
 .commentlist #respond h3 {
     margin-top: 15px;
}
 #respond label {
     font-weight: bold;
     margin: 5px 0 0 0;
     color: #555;
}
 #commentform p {
     width: 100%;
     position: relative;
}
 #respond .required {
     color: #E75353;
     font-size: 10px;
}
 #respond p {
     margin-bottom: 12px;
}
 #respond input[type="text"], #respond textarea {
     color: #999;
     border: none;
     border: solid 1px #e4e4e4;
     border-bottom: solid 1px #ddd;
     background: #fff;
     width: 100%;
     padding: 9px 10px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
     -webkit-appearance:none;
}
 #respond .comment-form-comment {
     width: 100%;
     display: inline-block;
}
 #respond input:focus, #respond textarea:focus {
     outline: none;
}
 #respond textarea {
     line-height: 22px;
     width: 100%;
}
 #commentform #submit {
     font-family: "proxima-nova", Helvetica, Arial, sans-serif;
     font-weight: 600;
     color: #666;
     text-shadow: 0px 1px 0px rgba(255,255,255,0.59);
     padding: 10px 15px;
     margin: 10px 0 0 0;
     font-size: 13px;
     outline: none;
     background: #f1f1f1;
     border: 1px solid #d8d8d8;
     border-bottom: 1px solid #ccc;
     border-radius: 3px;
     cursor: pointer;
     overflow: visible;
     -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
     -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
     -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
     box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
     -webkit-appearance: none;
     -webkit-transition: .1s ease-in;
     -moz-transition: .1s ease-in;
     -o-transition: .1s ease-in;
     transition: .1s ease-in;
}
 #commentform #submit:hover {
     background: #f9f9f9;
     cursor: pointer;
     -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.75);
     -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75);
     -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75);
     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.75);
     -webkit-transition: .1s ease-in;
     -moz-transition: .1s ease-in;
     -o-transition: .1s ease-in;
     transition: .1s ease-in;
}
 #commentform #submit:active {
     border: 1px solid #d2d2d2;
     border-bottom: 1px solid #d8d8d8;
     border-radius: 3px;
     -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20);
     -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20);
     -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20);
     box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20);
}
 .form-allowed-tags {
     font-size: 12px;
     line-height: 20px;
     color: #999;
     float: left;
     margin: 10px 0 25px 0;
     width: 100% !important;
     display: none;
}
 .commentlist {
     list-style-type: none !important;
     counter-reset:li;
}
 .commentlist li {
     position: relative;
     float: left;
     width: 100%;
     padding: 0 0 15px 0;
     margin: 0 0 30px 0;
     border-bottom: solid 1px #e5e5e5;
     position: relative;
     list-style:none;
}
 .commentlist li:last-child {
     border-bottom: none;
     margin-bottom: 15px;
}
 .commentlist > li:before {
     content: "0" counter(li);
     counter-increment:li;
    /* Position and style the number */
     position:absolute;
     font-family: 'NovecentowideLightBold', 'proxima-nova', Helvetica, sans-serif;
     letter-spacing: -1px;
     left:-50px;
     top: -5px;
     color:#ddd;
     font-size: 20px;
     font-weight: bold;
     display: none;
}
 .commentlist .children {
     margin-top: 10px;
     display: inline-block;
}
 .commentlist .children li {
     padding-left: 40px;
     border-left: solid 1px #e5e5e5;
}
 .commentlist .children li:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
     border-bottom: none;
}
 .comment-block {
     padding: 0;
}
 .comment-text {
     position: relative;
}
 .comment-text p {
     margin-bottom: 15px !important;
}
 .reply a {
     font-size: 13px;
}
 .comments .children .reply {
     text-align: left
}
 #cancel-comment-reply-link {
     position: relative;
     color: #999;
     margin: 0 0 0 0;
     font-size: 9px;
     font-weight: bold;
     text-transform: uppercase;
     display: inline-block;
     -webkit-transition: .07s ease-in;
     -moz-transition: .07s ease-in;
     -o-transition: .07s ease-in;
     transition: .07s ease-in;
}
 #cancel-comment-reply-link:hover {
     color: #555;
     -webkit-transition: .07s ease-in;
     -moz-transition: .07s ease-in;
     -o-transition: .07s ease-in;
     transition: .07s ease-in;
}
 #cancel-comment-reply-link i {
     font-size: 18px;
     color: #444;
}
 #cancel-comment-reply-link i:hover {
     color: #777;
     cursor: pointer;
}
 .comments .logged-in-as a {
     color: #777;
}
 .comments .logged-in-as a:hover {
     color: #555;
}
 .comment-notes, .comments .logged-in-as {
     width: 100% !important;
     color: #bbb;
     margin-bottom: 0 !important;
     padding-top: 34px;
     padding-bottom: 30px;
}
 .comment-notes .required {
     position: relative !important;
     top: auto !important;
     right: auto !important;
}
 .comment-awaiting-moderation {
     color: #555;
     font-weight: bold;
     font-size: 11px;
}
 .vcard {
     width: 100%;
     float: left;
}
 .vcard img {
     float: left;
     height: 32px;
     width: 32px;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
}
 .fn {
     float: left;
     font-style: normal;
     font-size: 16px;
     font-weight: 500;
     line-height: 18px;
     margin-top: 0;
}
 .fn a {
     color: #444;
}
 .fn a:hover {
     background: none;
     color: #777;
}
 .comment-info {
     margin-bottom: 20px;
     position: relative;
}
 .comment-meta {
     float: left;
     margin: 0 0 0 12px;
     line-height: 10px;
}
 .comment-time {
     text-transform: uppercase;
     font-size: 11px;
     color: #bbb;
     display: inline-block;
     margin-top: 4px;
}
 .comment-time:hover {
     color: #999;
}
 .comment-edit-link {
     font-size: 11px;
}
 #comment-nav-below {
     display: inline-block;
     width: 100%;
     padding: 10px 10px 20px 10px;
     margin: -44px 0 20px 0;
     font-size: 12px;
     font-weight: bold;
     text-transform: uppercase;
     border-bottom: solid 1px #e7e7e7;
}
 #comment-nav-below .nav-previous {
     float: left;
}
 #comment-nav-below .nav-next {
     float: right;
}
/* ===[ Post Gallery Styles ]=== */
 .alignleft {
     float: left
}
 .alignright {
     float: right
}
 .aligncenter {
     text-align: center;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .wp-caption img, .size-thumbnail {
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
}
 .bypostauthor {
}
 .archive .gallery-wrap, .search .gallery-wrap {
     display: none;
}
 .gallery-wrap {
     margin-bottom: 10px;
}

.upgrade-link {
     color: #5096E4;
}
/* ===[ Footer Styles ]=== */
 /*footer {
     position: fixed;
     right: 0;
     top: 0;
     background: #f3f3f3;
     width: 250px;
     height: 100%;
     float: right;
     font-size: 14px;
     line-height: 1.6;
     padding-bottom: 2%;
}
 .admin-bar footer {
     top: 32px;
}
 @media screen and (max-width: 600px) {
     #wpadminbar {
         position: fixed;
    }
}
 footer .widget {
     width: 100%;
     display: inline-block;
     padding: 25px 20px 30px 20px;
     border-bottom: solid 1px #e4e4e4;
     border-top: solid 1px #f7f7f7;
}
 footer a {
     color: #888;
}
 footer .widgettitle {
     font-size: 14px;
     margin-bottom: 10px;
}
 footer .widget ul li {
     margin-bottom: 8px;
     padding-bottom: 8px;
     border-bottom: solid 1px #e7e7e7;
}
 footer .widget ul li:last-child {
     border-bottom: none;
     padding-bottom: 0;
     margin-bottom: 0;
}
 footer .widget p {
     margin-bottom: 5%;
}
 .flickr-widget li, .dribbble-widget li {
     width: 100% !important;
     height: auto !important;
     border-bottom: none !important;
}
 .flickr-widget li img, .dribbble-widget li img {
     width: 100% !important;
     height: auto !important;
     max-width: 300px;
}
 .dribbbles img, .flickr img {
     margin-bottom: 0 !important;
}
 footer .icons {
     padding-bottom: 12px !important;
     padding-top: 24px !important;
}
 .copyright {
     margin: 0;
     padding: 32px 20px;
     font-size: 12px;
     color: #888;
     border-top: solid 1px #f7f7f7;
}
 .copyright a {
     color: #555;
}
 .copyright-date {
     width: 100%;
     font-weight: bold;
}
 .copyright-date a {
     color: #999;
     text-shadow: 1px 1px #f9f9f9;
     font-weight: bold;
}
 .copyright-date a:hover {
     color: #555;
}*/

#footer {
     display: flex;
     flex-direction: column;
     position: relative;
     width: 100%;
     padding: 64px 6%;
    color: rgba(255, 255, 255, 0.7);
    font-weight: bold;
    border-top: 0px;
    background: #000;
}

#footer .logo {
     width: 100%;
     max-width: 150px;
     margin-bottom: 24px;
     opacity: .9;
}

#footer .badge {
     width: 100%;
    max-width: 150px;
}

#footer .flex-wrap {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
     justify-content: space-between;
    align-items: flex-start;
     max-width: 1060px;
    margin: 0 auto;
    width: 100%;
}

#footer .flex-wrap:not(:first-child) {
     margin-top: 24px;
}

#footer .column {
     display: flex;
     flex-direction: column;
     flex-wrap: wrap;
     justify-content: left;
     width: 100%;
     max-width: 33%;
}

#footer input {
     display:none;
}

.sub-footer ul {
     text-align: right;
}

.sub-footer ul li {
     display: inline;
     margin: 0em 1em;
}

.sub-footer ul li:last-child {
     margin-right: 0em;
}

#footer label {
     font: 400 16px 'proxima-nova', sans-serif;
    color: #AAA;
    margin-bottom: 24px;
}

#footer label:last-child {
     margin-top: 32px;
}

#footer ul li.footerli a {
     display: flex;
     margin-bottom: 16px;
     font: 700 16px 'proxima-nova', sans-serif;
     color: #FFF;
     transition: all .2s ease;
}

#footer ul li.footerli a:hover {
     color: #8061CA;
     transition: all .2s ease;
}

/* ===[ Various Default WordPress Styles ]=== */
 .sticky {
}
 .wp-caption {
     color: #999;
     max-width: 96%;
    /* Image does not overflow the content area */
     text-align: center;
     text-transform: uppercase;
}
 .wp-caption.alignnone {
     margin: 5px 20px 20px 0
}
 .wp-caption.alignleft {
     margin: 5px 40px 10px 0
}
 .wp-caption.alignright {
     margin: 5px 0 10px 40px
}
 img.alignleft, img.alignright {
     padding: 5px;
}
 img.alignleft {
     margin: 5px 40px 10px 0;
}
 img.alignright {
     margin: 5px 0 10px 40px;
}
 .wp-caption img {
     border: 0 none;
     height: auto;
     margin: 0;
     max-width: 98.5%;
     padding: 0;
     width: auto;
}
 .wp-caption p.wp-caption-text {
     font-size: 10px !important;
     margin: 0 !important;
     padding: 3px 0 0 0!important;
}
 #content .gallery {
     margin-bottom: 5%;
}
 #content .gallery-item img {
     border: none;
}
/* ===[ WPCF7 Styles ]=== */
 .wpcf7 p {
     font-weight: bold;
}
 input[type="text"], input[type="email"], textarea {
     color: #777;
     border: none;
     border: solid 1px #e4e4e4;
     border-bottom: solid 1px #ddd;
     background: #fff;
     width: 100%;
     padding: 10px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
}
 .wpcf7-submit {
     font-family: "proxima-nova", Helvetica, Arial, sans-serif;
     font-weight: 600;
     color: #666;
     text-shadow: 0px 1px 0px rgba(255,255,255,0.59);
     padding: 10px 15px;
     margin: 0;
     font-size: 13px;
     outline: none;
     background: #f1f1f1;
     border: 1px solid #d8d8d8;
     border-bottom: 1px solid #ccc;
     border-radius: 3px;
     cursor: pointer;
     overflow: visible;
     -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
     -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
     -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
     box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.57);
     -webkit-appearance: none;
     -webkit-transition: .1s ease-in;
     -moz-transition: .1s ease-in;
     -o-transition: .1s ease-in;
     transition: .1s ease-in;
}
 .wpcf7-submit:hover {
     background: #f9f9f9;
     cursor: pointer;
     -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.75);
     -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75);
     -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 16px 15px rgba(255,255,255,0.75);
     box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.027), inset 0px 1px 0px rgba(255, 255, 255, 0.69), inset 0px -1px 0px rgba(0, 0, 0, 0.0187), inset 0px 16px 15px rgba(255, 255, 255, 0.75);
     -webkit-transition: .1s ease-in;
     -moz-transition: .1s ease-in;
     -o-transition: .1s ease-in;
     transition: .1s ease-in;
}
 .wpcf7-submit:active {
     border: 1px solid #d2d2d2;
     border-bottom: 1px solid #d8d8d8;
     border-radius: 3px;
     -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20);
     -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20);
     -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20);
     box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -16px 15px rgba(255,255,255,0.20);
}
 .wpcf7-response-output {
     background: #faf7d6;
     border: none !important;
}
 .wpcf7-mail-sent-ok {
     margin-left: 0px !important;
     margin-right: 0px !important;
     background: #ECF3E5;
     background: rgba(229, 243, 212, .5);
     padding: 15px !important;
     border: solid 1px #D2EFAC !important;
}
 .wpcf7-validation-errors {
     margin-left: 0px !important;
     background: #FCF3F3;
     background: rgba(255, 238, 238, .5);
     border: solid 1px #FBDCDC !important;
     padding: 10px !important;
     margin-right: 0px !important;
}
/* ===[ Chirp Styles ]=== */
 .chirp .chirp-avatar {
     display: none;
}
 .chirp .meta {
     font-size: 11px;
     display: block;
     margin-top: 10px;
}
 .chirp li {
     border-bottom: solid 1px #e4e4e4 !important;
     margin-bottom: 15px !important;
     padding-bottom: 15px !important;
}
 .chirp li:last-child {
     border-bottom: none !important;
     padding-bottom: 0 !important;
     margin-bottom: 0 !important;
}
/* ===[ Social Icons ]=== */
 #icons {
     text-align: center;
     display: inline-block;
     margin: 0 auto;
}
 #icons a {
     display: inline-block;
     text-align: center;
}
/* ===[ Flickr and Dribbble Styles ]=== */
 .flickr-widget li, .dribbble-widget li {
     float: left;
     width: 100px;
     height: 100px;
     overflow: hidden;
     margin: 0 15px 0 0;
}
 .flickr-widget li img, .dribbble-widget li img {
     width: 110px;
     height: auto;
}
/* ===[ Tag Cloud Styles ]=== */
 .tagcloud a {
     background: #ccc;
     padding: 0 8px;
     margin: 0 3px 3px 0;
     -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
     border-radius: 2px;
     color: #fff !important;
     display: inline-block;
     font-size: 12px !important;
}
 .tagcloud a:hover {
     background: #555 !important;
}
/* ===[ Custom Archive Page ]=== */
 #archive {
     display: inline-block;
     width: 100%;
     padding-top: 10px;
     font-size: 14px;
     line-height: 20px;
     -moz-column-count: 3;
     -webkit-column-count: 3;
     column-count: 3;
     -moz-column-gap: 75px;
     -webkit-column-gap: 75px;
     column-gap:75px;
     overflow: hidden;
}
 .error404 #archive {
     border-top: none;
     margin-top: 25px;
}
 .archive-col {
     display: inline-block;
}
 .archive-col ul {
     padding: 0;
     margin: 0 0 40px 18px !important;
}
 .archive-col li {
     list-style-type: square;
     margin-bottom: 5px;
}
 #archive h4 {
     font-family: 'proxima-nova', Helvetica, sans-serif;
}
 .archive-card {
     margin-bottom: 1.5em;
     border-radius: 5px;
     box-shadow: 0 15px 35px rgba(49,49,93,.1), 0 5px 15px rgba(0,0,0,.07);
}
 .archive-card .entry-text {
     padding: 2em;
}
 .archive-card .entry-title a {
     font: 600 20px 'proxima-nova', sans-serif;
     color: #333;
     letter-spacing: 0px;
}
 .archive-card .entry-title a:hover {
     color: #333;
}
 .archive-card .entry-text p {
     font: 400 16px 'proxima-nova', sans-serif;
     color: #454545;
}
 .archive-card .entry-text a.more-link {
     font: 600 14px 'proxima-nova', sans-serif;
     margin-top: 2em;
}
/******** Tooltips ********/
 .tooltip {
     position: relative;
}
 .tooltip:before, .tooltip:after {
     display: block;
     opacity: 0;
     pointer-events: none;
     position: absolute;
}
 .tooltip:after {
     border-right: 6px solid transparent;
     border-bottom: 6px solid rgba(0,0,0,.75);
     border-left: 6px solid transparent;
     content: '';
     height: 0;
     position: absolute;
     top: 34px;
     left: 50%;
     margin-left: -5px;
     width: 0;
     z-index: 99;
}
 .tooltip:before {
     background: rgba(0,0,0,.75);
     border-radius: 5px;
     color: #fff;
     content: attr(data-title);
     font-size: 14px;
     padding: 6px 10px;
     top: 40px;
     position: absolute;
     left: 50%;
     min-width: 140px;
     margin-left: -75px;
     text-align: center;
     white-space: nowrap;
     z-index: 99;
}
 .tooltip.fade:after, .tooltip.fade:before {
     transform: translate3d(0,-10px,0);
     transition: all .15s ease-in-out;
}
 .tooltip.fade:hover:after, .tooltip.fade:hover:before {
     opacity: 1;
     transform: translate3d(0,0,0);
}
 .bookmark-tooltip {
     position: relative;
     display: inline-block;
     border-bottom: 1px dotted black;
}
 .bookmark-tooltip .tooltiptext {
     width: 120px;
     background-color: #555;
     color: #fff;
     text-align: center;
     border-radius: 6px;
     padding: 5px 0;
     position: absolute;
     z-index: 1;
     bottom: 225%;
     left: 50%;
     margin-left: -67px;
}
 .bookmark-tooltip .tooltiptext::after {
     content: "";
     position: absolute;
     top: 100%;
     left: 50%;
     margin-left: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: #555 transparent transparent transparent;
}
 .bookmark-tooltip:active .tooltiptext {
     visibility: visible;
     opacity: 1;
}
/************ Flexbox Cards ************/
 .small-cards {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .small-cards:after {
     content: "";
     flex: 1 1 100%;
     max-width: 30%;
}
 .small-card {
     flex: 0 1 30%;
     background: #FFF;
     border-radius: 5px;
     margin: 0;
     box-shadow: 0 15px 35px rgba(49,49,93,.1), 0 5px 15px rgba(0,0,0,.07);
}
 .full-flex-basis {
     flex-basis: 100%;
}
 span.full-flex-basis {
     content: "";
     flex: 1 1 100%;
     max-width: 100%;
}
 .small-card:hover {
     -webkit-transform: scale(1.02);
     -webkit-transition: -webkit-transform .1s ease;
     -ms-transition: -ms-transform .1s ease;
     transform: scale(1.02);
     transition: transform .1s ease;
}
 .small-card .card-content {
     padding: 1em 1em 0em 1em;
}
 .small-card span.category {
     display: block;
     font: 600 14px 'proxima-nova', sans-serif;
     color: #00A170;
     text-align: center;
     margin-bottom: 5px;
     text-transform: uppercase;
}
 .small-card span.date {
     display: block;
     font: 400 14px 'proxima-nova', sans-serif;
     color: #AAA;
     text-align: center;
     margin-bottom: 10px;
}
 .small-card h4 {
     display: block;
     font: 600 16px 'proxima-nova', sans-serif;
     color: #454545;
     text-align: center;
     margin-bottom: 15px;
}
 .small-card .well {
     display: block;
     position: relative;
     background: #f6f6f7;
     padding: 1em;
     border-radius: 0px 0px 5px 5px;
}
 .small-card:hover .well {
     background: #5DB31E;
}
 .small-card .well span {
     display: block;
     position: relative;
     font: 600 12px 'proxima-nova', sans-serif;
     color: #5DB31E;
     text-transform: uppercase;
     text-align: center;
}
 .small-card:hover .well span {
     color: #FFF;
}
 .small-card .icon {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin: 0 auto;
     margin-top: 15px;
     margin-bottom: 15px;
     font-size: 1.5em;
}
 .small-card .icon svg {
     color: #FFF;
}
 .small-card .blue {
     background: #5096E4;
}
 .small-card .green {
     background: #00A170;
}
 .small-card .orange {
     background: #F49400;
}
/********** My Account **********/
 h3.section-heading {
     font: 600 24px 'proxima-nova', sans-serif;
     display: block;
     color: #FFF;
     opacity: .7;
     margin: 1em 0em 1em;
}
 h3.section-heading:first-child {
     margin: 0em 0em 1em;
}
 .recent-orders h2, .recent-orders h3 {
     font: 600 24px 'proxima-nova', sans-serif;
     display: block;
     color: #FFF;
     opacity: .7;
     margin: 1em 0em 1em;
}
 .recent-orders .woocommerce p {
     background: #FFF;
     padding: 1em;
     position: relative;
     margin-top: 2em!important;
     border: 5px solid #00A170;
}
 .recent-orders p.myaccount_user {
     display: none;
}
 .recent-orders .woocommerce table.shop_table,address {
     width: 100%;
     position: relative;
     display: block;
     padding: 1em;
     margin-bottom: 1em;
     box-sizing: border-box;
     background: #FFF;
     border-radius: 5px;
}
 .recent-orders .woocommerce table.shop_table th, .recent-orders .woocommerce-page table.shop_table th {
     padding: 1em;
}
 .recent-orders .woocommerce table td {
     padding: 1em;
}
 .recent-orders .woocommerce table tr.order {
     border: 1px solid #f2f2f2;
}
 ul.downloads {
     margin: 0!important;
}
/************ Inside Post Content - Header *************/
 .inner-header {
     width: 100%;
     border-bottom: 1px solid rgba(0,0,0,.1);
}
 .flex-container {
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 100%;
     height: 60px;
     max-width: 1440px;
     padding: 0 8%;
     box-sizing: border-box;
     margin: 0 auto;
     position: relative;
     color: #FFF;
}
 .flex-container-content {
     padding-top: 2em;
}
 span.small {
     font-size: 14px;
     color: rgba(255, 255, 255, 0.3);
     font-weight: 600;
}
 span.small a {
     color: rgba(255,255,255,.9);
}
 span.small a:hover {
     color: rgba(255,255,255,1) !important;
}
 span.spacer {
     display: inline-block;
     padding: 0 1em;
}
 .flex-container .align-left {
     width: 50%;
     margin-right: auto;
     position: relative;
     display: inline-block;
     white-space: nowrap;
}
 .flex-container .align-left ul.breadcrumbs {
     position: relative;
     padding: 0;
     margin: 0;
}
 .flex-container .align-left ul.breadcrumbs li {
     display: inline-block;
     margin: 0 10px;
     list-style-type: none;
}
 .flex-container .align-left ul.breadcrumbs li a {
     color: #FFF;
}
 .flex-container .align-left ul.breadcrumbs li a:hover {
     color: #FFF!important;
     text-decoration: underline;
}
 .flex-container .align-left ul.breadcrumbs li:first-child {
     margin-left: 0;
}
 .flex-container .align-left ul.breadcrumbs li:after {
     content: '\f105';
     font-family: "Font Awesome 5 Pro";
     position: relative;
     margin-left: 20px;
}
 .flex-container .align-left ul.breadcrumbs li:last-child:after {
     content: '';
}
 .flex-container .align-left ul.breadcrumbs li.shorten-breadcrumb {
     width: 100%;
     max-width: 250px;
     white-space: nowrap;
     overflow: hidden;
     vertical-align: bottom;
     text-overflow: ellipsis;
}
 @media only screen and (max-width: 1568px) {
     .flex-container .align-left ul.breadcrumbs li:nth-child(2):after {
          display: none;
     }
     .flex-container .align-left ul.breadcrumbs li:nth-child(3) {
          display: none;
     }
}
 .flex-container .align-right {
     width: 50%;
     margin-left: auto;
     text-align: right;
}
 .flex-container .align-right ul.buttons {
     padding: 0;
     margin: 0;
     display: flex;
     align-items: center;
     justify-content: flex-end;
}
 .flex-container .align-right ul.buttons li.icons {
     display: inline-block;
     margin: 0 10px;
     list-style-type: none;
}
 .flex-container .align-right ul.buttons li.icons a.profile-button {
     color: #FFF;
     cursor: pointer;
}
 .flex-container .align-right ul.buttons li.icons a.profile-button span.username-display {
     display: inline-block;
     width: 100%;
     position: relative;
     padding-left: 20px;
     max-width: 250px;
     margin-left: 5px;
     white-space: nowrap;
     overflow: hidden;
     vertical-align: bottom;
     text-overflow: ellipsis;
}
 .flex-container .align-right ul.buttons li.icons a.profile-button span.username-display:before {
     font-family: "Font Awesome 5 Pro";
     -webkit-font-smoothing: antialiased;
     font-weight: bold;
     content: "\f2bd";
     position: absolute;
     top: 0;
     left: 0px;
     display: block;
}
 .flex-container .align-right ul.buttons li.icons a.profile-button:hover span.username-display {
     color: #FFF;
     text-decoration: underline;
}
 .flex-container .align-right svg {
     color: #FFF;
}
 .flex-container .align-right svg:hover {
     color: #FFF;
     cursor: pointer;
}
 .flex-container .align-right a.button {
     font: 600 14px 'proxima-nova', sans-serif;
     color: #FFF;
     display: block;
     padding: 8px 12px;
     cursor: pointer;
     position: relative;
     margin: 0 auto;
     border-radius: 5px;
     max-width: 150px;
     background: #68c722;
     margin-right: 20px;
     text-align: center;
     transition: background 150ms;
     -webkit-transition: background 150ms;
}
 .flex-container .align-right a.button:hover {
     color: #FFF!important;
}
 .flex-container .align-right a svg:last-child {
     margin-right: 0px;
}
 .flex-container .align-right a.signup {
     border: 1px solid #68c722;
     margin-right: 0;
}
 .flex-container .align-right a.login {
     margin-right: 0;
     background: rgba(255,255,255,.9);
     border: 1px solid rgba(255,255,255,.9);
     color: rgba(30,30,30,.8);
}
 .flex-container .align-right a.login:hover {
     background: rgba(255,255,255,1);
     border: 1px solid rgba(255,255,255,1);
     color: rgba(30,30,30,.8) !important;
}
/******** Profile Button ********/
 #profile-wrap {
     position: relative;
     display: none;
}
 #profile-wrap:before {
     border-right: 6px solid transparent;
     border-bottom: 6px solid rgba(255,255,255,1);
     border-left: 6px solid transparent;
     content: '';
     height: 0;
     position: absolute;
     top: 5px;
     left: 50%;
     margin-left: -6px;
     width: 0;
     z-index: 100;
}
 .profile-card {
     display: block;
     width: 300px;
     background: #FFF;
     position: absolute;
     top: 10px;
     right: -15px;
     border-radius: 5px;
     box-shadow: 0 3px 20px rgba(0,0,0,.3);
     z-index: 99;
}
 .profile-card ul.profile-menu {
     padding: 1em;
     margin: 0;
}
 .profile-card ul.profile-menu li {
     padding: 0;
     margin: 0;
     display: block;
     position: relative;
}
 .profile-card ul.profile-menu li a {
     display: block;
     width: 100%;
     padding: 1em 3.8em;
     font: 600 14px 'proxima-nova', sans-serif;
     color: #777;
     text-align: left;
     border-radius: 5px;
}
 .profile-card ul.profile-menu li a:hover {
     background: #F4F4F4;
     color: #777;
     cursor: pointer;
}
 .profile-card ul.profile-menu li svg {
     position: absolute;
     left: 1em;
     top: 50%;
     fill: #777;
     width: 15px;
     transform: translateY(-50%);
}
/******** Display Toggling ********/
 .display-toggle {
     display: none!important;
}
 .show-items {
     display: block!important;
}
/******** Universal Buttons ********/
 .simple-button {
     display: inline-block;
     position: relative;
     background: #5096E4;
     box-sizing: border-box;
     padding: 1em;
     box-shadow: 0 4px 6px rgba(50,50,93,.05), 0 1px 3px rgba(0,0,0,.04);
     border-radius: 5px;
     margin-bottom: 1em;
     margin-right: 1em;
     overflow: hidden;
     cursor: pointer;
     transition: background 150ms;
     -webkit-transition: background 150ms;
     text-align: center;
     color: #FFF;
}
 .simple-button:hover {
     background: #5189D6;
     transition: background 150ms;
     -webkit-transition: background 150ms;
     color: #FFF;
}
 .simple-button span {
     font: 600 16px 'Open Sans', sans-serif;
     display: inline-block;
     color: #FFF;
}
 .save-question-button button {
     background: #F39C12;
     border: 0;
     padding: .5em;
     border-radius: 5px;
     font: 600 14px 'proxima-nova', sans-serif;
     color: #FFF;
     cursor: pointer;
     margin: 0 0 1em 1em;
}
 .content-container .chapter-body ul li a.mark-complete-button {
     position: absolute;
     padding: 1em !important;
     margin-right: 3em;
     width: auto;
     top: 50%;
     right: 0;
     transform: translateY(-50%);
     background: #FFF;
     border: 1px solid #ebf4f7;
     border-radius: 5px;
     z-index: 2;
     font: 600 14px 'proxima-nova', sans-serif;
}
 .content-container .chapter-body ul li a.mark-complete-button:before {
     content: '' !important;
     padding: 0 !important;
}
 .content-container .chapter-body ul li a.is-completed {
     background: var(--main-subject-color);
     opacity: .5;
     color: #FFF;
     -webkit-transition: all .2s ease;
     -moz-transition: all .2s ease;
     transition: all .2s ease;
}
 .content-container .chapter-body ul li a.is-completed:hover {
     color: #FFF !important;
}
/******** Part - Upgrade Modal ********/
 .unlock-modal {
     position: fixed;
     z-index: 999;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: rgba(0, 0, 0, 0.6);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: opacity .3s 0s, visibility 0 .3s;
     -moz-transition: opacity .3s 0s, visibility 0 .3s;
     transition: opacity .3s 0s, visibility 0 .3s
}
 .unlock-modal.is-visible {
     opacity: 1;
     visibility: visible;
     -webkit-transition: opacity .3s 0s, visibility 0 0;
     -moz-transition: opacity .3s 0s, visibility 0 0;
     transition: opacity .3s 0s, visibility 0 0
}
 .unlock-modal-container {
     position: fixed;
     width: 100%;
     max-width: 400px;
     margin: 4em auto;
     background: #FFF;
     border-radius: 5px;
     text-align: center;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
 .unlock-modal-container .cd-buttons:after {
     content: "";
     display: table;
     clear: both
}
 .unlock-modal-container .cd-buttons li {
     float: left;
     width: 50%
}
 .unlock-modal-container .cd-buttons a {
     display: block;
     height: 60px;
     line-height: 60px;
     text-transform: uppercase;
     color: #FFF;
     -webkit-transition: background-color .2s;
     -moz-transition: background-color .2s;
     transition: background-color .2s
}
 .unlock-modal-container .cd-buttons li:first-child a {
     background: #46b0e1;
     border-radius: 0 0 0 .25em;
     font-family: 'Open Sans';
     font-size: 15px
}
 .no-touch .unlock-modal-container .cd-buttons li:first-child a:hover {
     background-color: #49B7EB;
     text-decoration: none
}
 .unlock-modal-container .cd-buttons li:last-child a {
     background: #b6bece;
     border-radius: 0 0 .25em 0;
     font-family: 'Open Sans';
     font-size: 15px
}
 .no-touch .unlock-modal-container .cd-buttons li:last-child a:hover {
     background-color: #c5ccd8;
     text-decoration: none
}
 .unlock-modal-container .unlock-modal-close {
     position: absolute;
     top: 8px;
     right: 8px;
     width: 30px;
     height: 30px
}
 .unlock-modal-container .unlock-modal-close::before, .unlock-modal-container .unlock-modal-close::after {
     content: '';
     position: absolute;
     top: 12px;
     width: 14px;
     height: 3px;
     background-color: #FFF;
}
 .unlock-modal-container .unlock-modal-close::before {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     left: 8px
}
 .unlock-modal-container .unlock-modal-close::after {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     right: 8px
}
 .unlock-modal-header {
     position: relative;
     padding: 50px 50px;
     background: linear-gradient(to bottom right, #5096E4, #5189D6);
     color: #fff;
     text-align: center;
     overflow: hidden;
     border-radius: 5px 5px 0px 0px;
}
 .unlock-modal-header p.alert {
     font: 600 18px 'proxima-nova', sans-serif;
     letter-spacing: 1px;
     text-transform: uppercase;
     color: #FFF;
     text-align: center;
}
 .unlock-modal-header p.sub-alert {
     font: 400 14px 'proxima-nova', sans-serif;
     color: #FFF;
     text-align: center;
     margin-top: 1em;
}
 .unlock-modal-header .background {
     width: 300px;
     height: 300px;
     position: absolute;
     right: -80px;
     bottom: -50px;
     background: url(https://s3.amazonaws.com/datbootcamp/teststuff/star-grayscale.svg);
     opacity: .07;
     filter: brightness(0) invert(1);
     -webkit-filter: brightness(0) invert(1);
}
 .unlock-modal-container svg.icon-unlocked {
     width: 24px;
     height: 24px;
     position: absolute;
     top: -16px;
     margin-left: -12px;
     fill: #5096E4;
}
 .unlock-modal-header:before {
     content: " ";
     display: block;
     position: absolute;
     left: 50%;
     transform: translate(-50%);
     bottom: -34px;
     width: 62px;
     height: 68px;
     background-size: 100%;
     background-image: url(data:image/svg+xml;
    base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iNzYiIHZpZXdCb3g9IjAgMCA3MSA3NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PHRpdGxlPlNoYXBlPC90aXRsZT48ZGVmcz48cGF0aCBkPSJNMzcuMzg0IDIuNDY0TDU1LjU4IDEyLjk0NmExMi44IDEyLjggMCAwIDEgNi40MSAxMS4wOXYyMC45MTdhMTIuOCAxMi44IDAgMCAxLTYuNDEgMTEuMDkxTDM3LjM4NCA2Ni41MjdhMTIuOCAxMi44IDAgMCAxLTEyLjc3OSAwTDYuNDEgNTYuMDQ0QTEyLjggMTIuOCAwIDAgMSAwIDQ0Ljk1NFYyNC4wMzZhMTIuOCAxMi44IDAgMCAxIDYuNDEtMTEuMDkxTDI0LjYwNSAyLjQ2NGExMi44IDEyLjggMCAwIDEgMTIuNzggMHoiIGlkPSJhIi8+PGZpbHRlciB4PSItMTEuMyUiIHk9Ii03LjQlIiB3aWR0aD0iMTIyLjYlIiBoZWlnaHQ9IjEyMC43JSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iYiI+PGZlT2Zmc2V0IGR5PSIyIiBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0T3V0ZXIxIi8+PGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMiIgaW49InNoYWRvd09mZnNldE91dGVyMSIgcmVzdWx0PSJzaGFkb3dCbHVyT3V0ZXIxIi8+PGZlQ29sb3JNYXRyaXggdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjEzMjk4MjMzNyAwIiBpbj0ic2hhZG93Qmx1ck91dGVyMSIvPjwvZmlsdGVyPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0LjI4OSAxLjMyMSkiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PHVzZSBmaWxsPSIjMDAwIiBmaWx0ZXI9InVybCgjYikiIHhsaW5rOmhyZWY9IiNhIi8+PHVzZSBmaWxsPSIjRkZGIiB4bGluazpocmVmPSIjYSIvPjwvZz48L3N2Zz4=);
}
 .unlock-modal-body {
     position: relative;
     padding: 45px;
}
 .unlock-modal-body a.upgrade-button {
     font: 600 16px 'proxima-nova', sans-serif;
     color: #FFF;
     display: block;
     padding: 1em;
     cursor: pointer;
     position: relative;
     margin: 0 auto;
     margin-top: 2em;
     border-radius: 5px;
     max-width: 250px;
     background: #68c722;
     text-align: center;
     transition: background 150ms;
     -webkit-transition: background 150ms;
     box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
}
 .unlock-modal-body a.upgrade-button:hover {
     color: #FFF!important;
     background: #74db27;
     transition: background 150ms;
     -webkit-transition: background 150ms;
}
 .unlock-modal-header a.upgrade-button {
     font: 600 16px 'proxima-nova', sans-serif;
     color: #FFF !important;
     display: none;
     padding: 1em;
     cursor: pointer;
     position: relative;
     margin: 0 auto;
     margin-top: 2em;
     border-radius: 5px;
     max-width: 250px;
     background: #68c722;
     text-align: center;
     transition: background 150ms;
     -webkit-transition: background 150ms;
     box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
}
 .unlock-modal-header a.upgrade-button:hover {
     color: #FFF!important;
     background: #74db27;
     transition: background 150ms;
     -webkit-transition: background 150ms;
}
 .unlock-modal-body .modal-row {
     display: flex;
     align-items: center;
     justify-content: left;
     text-align: left;
     padding: 1em 0;
}
 .unlock-modal-body .modal-row .row-icon {
     min-width: 45px;
     height: 60px;
     border-radius: 50%;
     background: #FFF;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .unlock-modal-body .modal-row .row-icon svg {
     width: 32px;
     height: 32px;
     fill: #6b6b6b;
}
 .unlock-modal-body .modal-row .row-icon svg.icon-test {
     fill: #5096E4;
}
 .unlock-modal-body .modal-row .row-icon svg.icon-play2 {
     fill: #00A170;
}
 .unlock-modal-body .modal-row .row-icon svg.icon-power {
     fill: #7869E1;
}
 .unlock-modal-body .modal-row .row-content {
     margin-left: 20px;
}
 .is-visible .unlock-modal-container {
     margin: 0em auto;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
}
 .img-replace {
     display: inline-block;
     overflow: hidden;
     text-indent: 100%;
     color: transparent;
     white-space: nowrap
}
 @media only screen and (min-width: 50px) {
     .unlock-modal-container {
         margin: 0em auto;
         top: 50%;
         left: 50%;
         -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
         transform: translate(-50%, -50%);
    }
}
 @media only screen and (max-height: 650px) {
     .unlock-modal-body {
         display: none;
    }
     .unlock-modal-header:before {
         display: none;
    }
     .unlock-modal-header a.upgrade-button {
         display: block;
    }
}
 @media only screen and (max-width: 1259px) {
     .cd-top {
         display: none;
    }
}
 @media only screen and (min-width: 1260px) {
     .cd-top {
         height: 60px;
         width: 60px;
         left: 25px;
         bottom: 20px;
    }
}
/********** Part - CD Popup **********/
 .cd-popup {
     position: fixed;
     z-index: 999;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: rgba(94, 110, 141, 0.9);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: opacity .3s 0s, visibility 0 .3s;
     -moz-transition: opacity .3s 0s, visibility 0 .3s;
     transition: opacity .3s 0s, visibility 0 .3s
}
 .cd-popup.is-visible {
     opacity: 1;
     visibility: visible;
     -webkit-transition: opacity .3s 0s, visibility 0 0;
     -moz-transition: opacity .3s 0s, visibility 0 0;
     transition: opacity .3s 0s, visibility 0 0
}
 .cd-popup-container {
     position: relative;
     width: 90%;
     max-width: 400px;
     margin: 4em auto;
     background: #FFF;
     border-radius: .25em .25em .4em .4em;
     text-align: center;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
     -webkit-transform: translateY(-40px);
     -moz-transform: translateY(-40px);
     -ms-transform: translateY(-40px);
     -o-transform: translateY(-40px);
     transform: translateY(-40px);
     -webkit-backface-visibility: hidden;
     -webkit-transition-property: -webkit-transform;
     -moz-transition-property: -moz-transform;
     transition-property: transform;
     -webkit-transition-duration: .3s;
     -moz-transition-duration: .3s;
     transition-duration: .3s
}
 .cd-popup-container p {
     padding: 3em 1em;
     margin: 0 !important;
     font-size: 100%;
     font-family: 'proxima-nova', sans-serif;
     font-size: 16px;
     color: #8f9cb5
}
 .cd-popup-container .cd-buttons {
     margin: 0 !important;
}
 .cd-popup-container .cd-buttons:after {
     content: "";
     display: table;
     clear: both
}
 .cd-popup-container .cd-buttons li {
     float: left;
     width: 50%;
     margin-bottom: 0;
}
 .cd-popup-container .cd-buttons a {
     display: block;
     height: 60px;
     line-height: 60px;
     text-transform: uppercase;
     color: #FFF;
     -webkit-transition: background-color .2s;
     -moz-transition: background-color .2s;
     transition: background-color .2s
}
 .cd-popup-container .cd-buttons a:hover {
     color: #FFF !important;
}
 .cd-popup-container .cd-buttons li:first-child a {
     background: #46b0e1;
     border-radius: 0 0 0 .25em;
     font-family: 'Open Sans';
     font-size: 15px
}
 .no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
     background-color: #49B7EB;
     text-decoration: none
}
 .cd-popup-container .cd-buttons li:last-child a {
     background: #b6bece;
     border-radius: 0 0 .25em 0;
     font-family: 'Open Sans';
     font-size: 15px
}
 .no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
     background-color: #c5ccd8;
     text-decoration: none
}
 .cd-popup-container .cd-popup-close {
     position: absolute;
     top: 8px;
     right: 8px;
     width: 30px;
     height: 30px
}
 .cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after {
     content: '';
     position: absolute;
     top: 12px;
     width: 14px;
     height: 3px;
     background-color: #8f9cb5
}
 .cd-popup-container .cd-popup-close::before {
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
     left: 8px
}
 .cd-popup-container .cd-popup-close::after {
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
     right: 8px
}
 .is-visible .cd-popup-container {
     -webkit-transform: translateY(0);
     -moz-transform: translateY(0);
     -ms-transform: translateY(0);
     -o-transform: translateY(0);
     transform: translateY(0)
}
 .img-replace {
     display: inline-block;
     overflow: hidden;
     text-indent: 100%;
     color: transparent;
     white-space: nowrap
}
 @media only screen and (min-width: 1170px) {
     .cd-popup-container {
         margin: 8em auto
    }
}
/******** Practice Test Template Styling ********/
 .test-wrap {
     width: 100%;
     margin: 0 auto;
     max-width: 1000px;
     display: block;
}
 img.video-thumb {
     margin: 0 auto;
     display: block;
 }
 img.jw-thumb {
    margin: 0 auto;
    display: block;
 }
 .vimeo-wrapper {
     position: relative;
     cursor: pointer;
     display: block;
     width: 100%;
     max-width: 640px;
     margin: 50px auto;
}
 .vimeo-wrapper .play-icon {
     position: absolute;
     z-index: 1;
     content: '';
     display: block;
     width: 100%;
     height: 100%;
     background: url('https://s3.amazonaws.com/datbootcamp/playicon.png') no-repeat center center;
}
/******** My Account Options ********/
 .my-account-options section {
     margin-bottom: 3em;
}
 .my-account-options .test-card {
     padding: 2em !important;
     padding-left: 6em !important;
}
 .my-account-options .test-name-meta {
     display: block;
     max-width: 70%;
     margin-top: 7px;
}
/******** Full Length Exam Template Styling ********/
 .fullwidth .wpProQuiz_content, .wpProQuiz_content {
     max-width: 1000px;
     margin: 171px auto 121px auto;
}
/******** Contact Form ********/
/* contact form submit button */
 body .gform_wrapper .gform_footer input[type=submit] {
     color: #FFF;
     font-weight: bold;
     font-size: 16px;
     margin: 0px;
     cursor: pointer;
     background: #46b1e1;
     border: 0px;
     text-shadow: none;
     box-shadow: none;
     border-radius: 5px;
     padding: 16px 10px;
     width: 100%;
     max-width: 100%;
}
 .gform_confirmation_message {
     margin-top: 60px;
     font-weight: bold;
     font-size: 16px;
}
 .contact-content {
}
 .contact-image {
     max-width: 30%;
     width: 128px;
     height: 128px;
     margin-right: 25px;
     border-radius: 50%;
     display: inline-block;
}
 .contact-body {
     display: inline-block;
     max-width: 500px;
     font: 400 16px 'Open Sans', sans-serif;
     color: #454a4d;
     line-height: 20px;
     vertical-align: top;
     margin-top: 28px;
}
/************* Header Icons *************/
 .nav-icon > a:before {
     content: '';
     display: inline-block;
     height: 16px;
     width: 16px;
     margin-top: -4px;
     margin-right: 12px;
     background-color: rgba(255,255,255,.7);
     position: relative;
     vertical-align: middle;
     -webkit-mask-repeat: no-repeat;
     mask-repeat:no-repeat;
     color: var(--main-subject-color);
}
 .page-template, .page-template-default, body.blog {
     --main-subject-color: #5096E4;
}
 .nav-icon > a:hover:before {
     background-color: #FFF;
}
li.current-menu-item a:before {
     background: var(--main-subject-color);
}
li.current-menu-item a:hover:before {
     background: var(--main-subject-color);
}
 .nav-biology > a:before {
     -webkit-mask-image: url(./images/header-nav/icon.svg);
     mask-image: url(./images/header-nav/icon.svg);
}
 .nav-generalchemistry > a:before {
     -webkit-mask-image: url(./images/header-nav/generalchemistry.svg);
     mask-image: url(./images/header-nav/generalchemistry.svg);
}
 .nav-organicchemistry > a:before {
     -webkit-mask-image: url(./images/header-nav/organicchemistry.svg);
     mask-image: url(./images/header-nav/organicchemistry.svg);
}
 .nav-perceptualability > a:before {
     -webkit-mask-image: url(./images/header-nav/perceptualability.svg);
     mask-image: url(./images/header-nav/perceptualability.svg);
}
 .nav-quantitativereasoning > a:before {
     -webkit-mask-image: url(./images/header-nav/quantitativereasoning.svg);
     mask-image: url(./images/header-nav/quantitativereasoning.svg);
}
 .nav-readingcomprehension > a:before {
     -webkit-mask-image: url(./images/header-nav/readingcomprehension.svg);
     mask-image: url(./images/header-nav/readingcomprehension.svg);
}
 .nav-physics > a:before {
     -webkit-mask-image: url(./images/header-nav/physics.svg);
     mask-image: url(./images/header-nav/physics.svg);
}
 .nav-fulllength > a:before {
     -webkit-mask-image: url(./images/header-nav/fulllength.svg);
     mask-image: url(./images/header-nav/fulllength.svg);
}
 .nav-savedtests > a:before {
     -webkit-mask-image: url(./images/header-nav/savedtests.svg);
     mask-image: url(./images/header-nav/savedtests.svg);
}
 .nav-searchquestions > a:before {
     -webkit-mask-image: url(./images/header-nav/search.svg);
     mask-image: url(./images/header-nav/search.svg);
}
 .nav-bookmarkedquestions > a:before {
     -webkit-mask-image: url(./images/header-nav/bookmarkedquestions.svg);
     mask-image: url(./images/header-nav/bookmarkedquestions.svg);
}
 .nav-studyguide > a:before {
     -webkit-mask-image: url(./images/header-nav/studyguide.svg);
     mask-image: url(./images/header-nav/studyguide.svg);
}
 .nav-strategy > a:before {
     -webkit-mask-image: url(./images/header-nav/strategy.svg);
     mask-image: url(./images/header-nav/strategy.svg);
}
 .nav-stories > a:before {
     -webkit-mask-image: url(./images/header-nav/stories.svg);
     mask-image: url(./images/header-nav/stories.svg);
}
.nav-admissions > a:before {
     -webkit-mask-image: url(./images/header-nav/admissions.svg);
     mask-image: url(./images/header-nav/admissions.svg);
}
.nav-tutoring > a:before {
     -webkit-mask-image: url(./images/header-nav/tutoring.svg);
     mask-image: url(./images/header-nav/tutoring.svg);
}
 .nav-myaccount > a:before {
     -webkit-mask-image: url(./images/header-nav/myaccount.svg);
     mask-image: url(./images/header-nav/myaccount.svg);
}
 .nav-contact > a:before {
     -webkit-mask-image: url(./images/header-nav/contact.svg);
     mask-image: url(./images/header-nav/contact.svg);
}
 .nav-after > a:before {
    -webkit-mask-image: url(./images/after_the_dat.svg);
    mask-image: url(./images/after_the_dat.svg);
}
 .nav-search > a:before {
   -webkit-mask-image: url(./images/icons-need-to-be-sorted/global_search.svg);
   mask-image: url(./images/icons-need-to-be-sorted/global_search.svg);
}
 .nav-iphone > a:before {
     -webkit-mask-image: url(./images/header-nav/apple.svg);
     mask-image: url(./images/header-nav/apple.svg);
}
 .nav-android > a:before {
     -webkit-mask-image: url(./images/header-nav/android.svg);
     mask-image: url(./images/header-nav/android.svg);
}
/*-------------------------------------------------------------------------------------------*/
/* 15. Content Toggle */
/*-------------------------------------------------------------------------------------------*/
 .shortcode-toggle {
     margin: 0 0 1.2em;
}
 .shortcode-toggle h4 {
    margin: 0 !important;
}
 .shortcode-toggle h4 a {
     display: block;
     padding: 3px 0 3px 10px;
     background: #f3f3f3 url(./images/shortcode-toggle-close.png) no-repeat 99% center;
}
 .shortcode-toggle.closed h4 a {
     background-image: url(./images/shortcode-toggle-open.png);
}
 .shortcode-toggle .toggle-content {
     padding: 10px 10px;
     background: #f9f9f9;
}
 .shortcode-toggle.closed .toggle-content, .shortcode-toggle .more-text.closed {
     display: none;
}
 .shortcode-toggle .more-text.open {
     display: block;
}
 .shortcode-toggle.border {
     border: 1px solid #EBEBEB;
}
/* * Prelaunch Fixes * Changes to content areas and other small css tweaks before launch * */
 .page-template-template-practicetest .wpProQuiz_list {
     margin-top: 0 !important;
}
/* Hide RC sources at load */
#rcsource {
     display: none;
}
/* RubGif */
.jsgif canvas {
    cursor: move;
    width: 100%;
}
/* Learn progress bar */
 .progress-bar {
     width: 100%;
     max-width: 50%;
     background-color: rgba(200,200,200,.5);
     border-radius: 5px;
     margin-top: .75em;
     overflow: hidden
}
 .progress-bar-fill {
     display: block;
     height: 14px;
     background-color: #7BD46F;
     transition: width 500ms ease-in-out;
}
 .progress-bar-completion {
     font: 600 14px 'proxima-nova', sans-serif;
     display: block;
     position: relative;
     margin-bottom: 0;
     margin-top: 5px;
     color: rgba(255,255,255,.9);
}
 .video-card .progress-bar-completion {
     color: #C9C9C9;
}


/************
AA Calculator
*************/

.calculator .subject {
display: inline-block;
padding: 1em;
font: 400 14px 'proxima-nova', sans-serif;
background-color: #f7f7f7;
border: 1px solid #ccc;
width: 50%;
max-width: 200px;
-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
float: left;
height: 45px;
}
.calculator .academic {
background-color: #cfd9f3;
border: 1px solid #c8dcf0;
width: 50%;
font-weight: 600;
max-width: 200px;
-webkit-box-shadow: inset 0 2px 2px rgba(200,220,240,.075);
box-shadow: inset 0 2px 2px rgba(200,220,240,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.calculator .number {
display: inline-block;
padding: 1em;
border-radius: 0px;
margin-left: -5px;
font: 400 14px 'proxima-nova', sans-serif;
border: 1px solid #ccc;
border-left: none;
width: 50%;
max-width: 200px;
-webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
box-shadow: inset 0 2px 2px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
height: 45px;
}
.calculate-button {
	max-width: 250px;
	margin: 2em 0em;
	text-align: center;
}
.calculate-button span.link {
	padding-left: 0;
}