/*
 Theme Name:   This Way Up
 Description:  This Way Up Child Theme of Wordpress TwentyTwenty
 Author:       TwoPiCode
 Author URI:   https://www.twopicode.com
 Template:     twentytwenty
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/

/* Global */
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');

@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');

@font-face {
    font-family: 'aileronbold';
    src: url('../woff/aileron-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
    margin: auto;
}
h1, h2, h3, h4, h5, h6, .faux-heading
{
    letter-spacing: 1px;
}
label a {
    color: inherit !important;
}

@-moz-document url-prefix() {
    html {
        scroll-behavior: auto !important;
    }
}
/* Stop Iphone Zooming when fields selected */
input, select { font-size: 100%; }
@media only screen and (max-width: 768px) {
    input, select, textarea { font-size: 16px !important; }
}


.highlight-input-error{
    border-color: red !important;
    background-color: #fff0f0 !important;
}

span.inputCustomError {
    color: red;
    padding-top: 5px;
}
/* End Global */

/* Header / Nav */
#site-header {
    background-image: linear-gradient(180deg, #5aaedf -200%, #5eb2e3 100%);
    margin: auto;
}
body.page-id-67 #site-header {
    background-image: none;
    background-color: #5eb0e2;
}
#site-header .header-inner{
    max-width: 1000px;
    margin: auto;
}
#site-header .site-title a {
    background-image: url(../png/twu-logo-2.png);
    height: 48px;
    width: 170px;
    color: transparent;
}
#site-header .header-navigation-wrapper {
    width: 75%;
    padding-bottom: 10px;
}
#site-header .header-navigation-wrapper a{
    color: #fff;
    text-decoration:none;
    font-weight: bold;
    font-size:0.9em;
    font-family: "Rubik", "Rubik", "Lato", Verdana, Helvetica, sans-serif;
    letter-spacing: 0.25px;
}
ul.primary-menu{
    justify-content: space-between;
    width: 100%;
    margin: 0;
}
#site-header .toggle-text, .menu-modal .toggle-text {
    display: none;
}
.menu-modal-inner {
    background-image: linear-gradient(90deg, #337ab7 0%, #7ca8d6 100%);
}
#site-header .svg-icon,
.menu-modal .svg-icon{
    color: #fff;
}
.modal-menu a,
.modal-menu a:focus,
.modal-menu a:hover,
.modal-menu li.current-menu-item>.ancestor-wrapper>a,
.modal-menu li.current_page_ancestor>.ancestor-wrapper>a {
    color: #fff !important;
    text-decoration: none;
}
/* End Header / Nav */

/* Page Level */
.entry-header {
    display: none;
}

.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt{
    font-family: inherit;
    letter-spacing: 0.5px;
}
.round-dashed-button {
    height: 100px;
    width: 100px !important;
    margin: auto;
    background-size: cover;
}

.round-dashed-button:hover{
    transform: scale(1.1);
}

.round-dashed-button.yellow {
    background-image: url(../png/icon_bg_yellow.png);
}
.round-dashed-button.blue {
    background-image: url(../png/icon_bg_blue.png);
}
.round-dashed-button i {
    color: white;
    font-size: 35px;
    padding: 32px;
    margin-left: 1px;
    height: 100px;
    width: 100px;
}

.fa-comment-alt {
    margin-top: 2px;
}

.stripe-grey{
    background: repeating-linear-gradient(
        45deg,
        #eeeeee66,
        #eeeeee66 5px,
        white 5px,
        white 20px
        );
}
.elementor-widget-text-editor,
.elementor-widget-accordion .elementor-accordion .elementor-tab-content {
    color: #494949;
}

.btn.yellow-hover {
    color: #000000;
    background-color: #FDB813;
    border-radius: 30px 30px 30px 30px;
}
.btn.yellow-hover:hover, .yellow-hover:focus{
    background-color: #FEE2A2;
}
/* End Page Level */

/* Home Page */
#header-block.home-page h4 {
    color: #fff !important;
}
@media only screen and (max-width: 1200px) {
    #header-block {
        background-color: #337ab7;
    }
}
#header-block.clinician-page {
    background-size: 100% 90%;
}
#header-block.courses-page {
    background-size: 100% 100%;
}
#header-block .how-does-it-work h2 {
    margin: 3rem auto 1rem;
    color: #2C2E30;
}
#header-block.courses-page h4,
.courses-page h2:not(.eael-elements-flip-box-heading),
.courses-page h3,
#header-block.courses-page p,
.courses-page .elementor-widget-smartslider,
.courses-page .n2-ss-item-content,
#header-block .how-does-it-work p {
    color: #2C2E30;
}
.choose-a-course-link a{
    color: #FFB500
}
.eael-elements-flip-box-container {
    font-family: Roboto, sans-serif;
}
.eael-elements-flip-box-container .flipbox-button {
    border: 2px solid #fff;
    position: absolute;
    bottom: 20px;
    left: calc(50% - 90px);
    width: 180px;
}
.eael-elements-flip-box-container .flipbox-button:hover{
    border-color: #5EB2E3;
}
#header-block .elementor-text-editor{
    text-align: center;
}
#header-block a {
    text-decoration:none;
    color: #ffeec4;
}
#header-block a .elementor-button-text {
    color: #fff;
}
a#watch-the-video, a#watch-the-video .elementor-button-text {
    color: #333;
}
.elementor-element-d8299c0 a,
.typeform.content .divresult a,
.footer-widgets a {
    color: #FFB500;
    text-decoration: none;
}
#twu-here-to-help a{
    color: #000;
    text-decoration: none;
    padding-bottom:3px;
}

.staying-safe-info {
    font-size: 15px;
}
.staying-safe-info p {
    margin-bottom: 5px;
}
.staying-safe-info i{
    margin-right:10px;
}
.staying-safe-info a {
    color: #fdb813;
    font-weight: bold;
}
#staying-on-track a.elementor-button {
    width: 75%;
    max-width: 320px;
}
@media only screen and (max-width: 768px) {
    .staying-safe-info i{
        font-size: 16px;
        margin-right: 5px;
    }
    .staying-safe-info a{
        font-size: 16px;
    }
    #staying-on-track a.elementor-button {
        width: 95%;
    }
    #staying-on-track .elementor-button-info:nth-child(3) a {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 768px) {
    .sympton-course-button {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 50px;
    }
}
#about-us-inner-col > .elementor-element-populated {
    padding: 0;
}
#faq-block {
    overflow: auto;
}

#homepage-latest-posts section {
    padding: 0;
}

h2.eael-elements-flip-box-heading {
    vertical-align: super;
}
/* End Home Page */

/* Footer */
.to-the-top {
    white-space: nowrap;
}
.footer-inner.section-inner .widget-content p {
    font-size: 13px;
    font-family: unset;
    letter-spacing: 0.5px;
}
.footer-inner.section-inner .widget-content p.map-marker {
    margin-left: 18px;
    text-indent: -7px;
}

.footer-inner.section-inner .widget-content img {
    width: 99px;
}

.footer-inner.section-inner .widget-content .widget-title {
    font-size: 15px;
}
.footer-widgets.column-one.grid-item .textwidget:not(.custom-html-widget) {
    margin-top: -25px;
}

div.footer-credits {
    width: 100%
}

p.copyright-statement {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #bdbdbd;
}

.footer-widgets .btn {
    text-transform: none;
    font-size: 14px;
    padding: 10px 20px;
    text-decoration: none;
}

@media (min-width: 700px) {
    .footer-widgets.column-two.grid-item {
        width: 30%;
    }
}

.footer-widgets .widget_text.widget.widget_custom_html {
    margin-top: 10px;
}

.elementor-column-wrap.elementor-element-populated .icon-footer-text{
    padding-top: 14px;
}

.footer-nav-widgets-wrapper.header-footer-group {
    opacity: 0.91;
    background: linear-gradient(180deg, #F9F9F9 0%, #F8FAFD 26.09%, #FFFFFF 100%);
}

/* End Footer */

/* Typeform Element */
.typeform.content {
    text-align: center;
}
.typeform.content .inner {
    margin: auto !important;
}
.typeform.content .divresult {
    font-size: 0.85em;
}
.typeform.content .slide-out-bck-center {
    border-radius: 30px !important;
}
.typeform.content .questionblock {
    margin-top: -50px !important;
}
.typeform.content .questionnum {
    margin-top: -50px !important;
/*     margin-bottom: -200px !important; */
}
/* End Typeform Element */

.elementor-element.clinicians-testimonials {
    padding-top:50px
}
.elementor-element.clinicians-testimonials .elementor-column-wrap {
    border-radius: 30px;
    padding: 50px 80px 30px 50px !important;
}

.eael-elements-flip-box-front-container, .eael-elements-flip-box-rear-container {
    box-shadow: 0 2px 7px 0 rgba(0,0,0,0.14);
    border-radius: 4px;
}

h2.eael-elements-flip-box-heading {
    margin: 0;
}

.eael-elements-flip-box-front-container .eael-elements-flip-box-icon-image i {
    font-size: 150px !important;
    margin-bottom: 40px
}

.eael-elements-flip-box-front-container h2.eael-elements-flip-box-heading {
    font-size: 20px;
}

.eael-elements-flip-box-rear-container .eael-elements-flip-box-icon-image i {
    font-size: 50px !important;
}

.eael-elements-flip-box-rear-container .eael-elements-flip-box-icon-image {
    display: inline-block;
    margin-top: 15px;
}

.eael-elements-flip-box-rear-container h2.eael-elements-flip-box-heading {
    display: inline-block;
    font-size: 20px;
}

.eael-elements-flip-box-rear-container .eael-elements-flip-box-content p{
    font-size: 15px;
    line-height: 20px;
}

.course-link .elementor-column-wrap.elementor-element-populated {
    padding: 10px 8px !important;
    box-shadow: 0px 0px 5px #d8d8d8;
    margin: 15px 10px;
    border-radius: 5px;
}

.course-link .elementor-column-wrap.elementor-element-populated p.elementor-icon-box-title{
    font-size: 18px;
    line-height: 20px;
}

.course-select-button a {
    width: 100% !important;
    color: #2C2E30 !important;
    background-color:#f6f8fa !important;
}

.course-select-button a span {
    pointer-events: none;
}

.course-select-button a:hover {
    width: 100% !important;
    color: #2C2E30 !important;
    background-color:#f6f8fa !important;
    border: 1px solid #2C2E30 !important;
}

.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 1440px;
}

@media (min-width: 700px) {
    .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
        margin-top: 0rem;
    }

    .footer-widgets-outer-wrapper, .has-footer-menu {
        padding: 0rem 17rem 5rem 12rem;
    }
    .footer-top.has-footer-menu {
        margin-top: 20px;
        border-bottom: 0;
    }
    .footer-top.has-footer-menu .footer-menu, .footer-top.has-footer-menu .footer-logos, .footer-top.has-footer-menu .to-the-top {
        display: inline-flex;
    }
    .footer-menu li {
        font-size: 14px;
        font-weight: normal;
    }
    .footer-menu li:nth-child(3) {
        margin-left: 80px;
    }
    .footer-logos {
        left: 70px;
        position: relative;
        top: 18px;
    }
    .footer-logos img {
        width: 100px;
        margin-right: 5px;
    }
    .footer-menu a {
        color: black;
        text-decoration: none;
    }
    .footer-top.has-footer-menu .to-the-top {
        position: relative;
        left: 170px;
        font-size: 35px;
        text-decoration: none;
        top: 5px;
    }
}

.clinician-option-card {
    box-shadow: 0px 0px 10px #c5c5c5;
    border-radius: 5px;
    margin: 0px 10px;
}

.hover-links {
    box-shadow: 0px 0px 15px #dedede;
    margin: 0px 12px;
    cursor: pointer;
}

.hover-links div{
    pointer-events: none;
}

.popup-modal {
    display: none;
    margin: auto;
    position: fixed;
    background: white;
    left: 0;
    right: 0;
    width: 50%;
    z-index: 50;
    padding: 3%;
}

.popup-modal-backdrop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    background: #00000060;
    z-index: 25;
}

/* Start Homepage Testimonial Slider */
.elementor-element.homepage-testimonials {
    height:calc(100% + 75px);
    z-index: 5;
    padding-top: 25px
}
.elementor-element.homepage-testimonials .elementor-column-wrap {
    border-radius: 30px;
    padding: 50px 100px 20px 50px !important;
}
.nextend-arrow {
    bottom: -60px !important;
}
.n2-ss-control-bullet-horizontal {
    bottom: -50px !important;
}
/* End Testimonial Slider */

/* Start Homepage Contact Form */
#homepage-subscribe-form {
    color: white;
    font-family: "Roboto", sans-serif;
}
#homepage-subscribe-form .wpcf7-form {
    padding-left: 120px;
    padding-right: 25px;
}
#homepage-subscribe-form h3 {
    margin: 30px auto 10px;
}
#homepage-subscribe-form p {
    font-size: 15px;
    margin: 1.5em auto;
}
#homepage-subscribe-form div.input-fields {
    position: relative;
}
#homepage-subscribe-form input.wpcf7-email {
    border-radius: 30px;
    height: 60px;
    padding: 1.5rem 14rem 1.5rem 3rem;
    font-size: 14px;
}
#homepage-subscribe-form input.wpcf7-submit {
    position: absolute;
    top: 7px;
    right: 7px;
    border-radius: 30px;
    height: 46px;
    line-height: 0;
    font-size: 12px;
    padding: 0 30px;
    text-decoration: none;
    background-color: #FFCC4D;
    color: black;
    text-transform: capitalize;
    font-weight: bold;
}
/* End Homepage Contact Form */

h1 {
    font-size: 34px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 25px;
}
h4.elementor-heading-title.elementor-size-default {
    font-family: aileronbold;
}
p b{
    font-family: aileronbold;
}
.orange-title {
    border-bottom: 1px solid #e67e22;
}

#flipper-return .elementor-button-text{
    text-align: left;
}

.sad-buttons, .anxious-buttons, .stressed-buttons {
    display:none;
}

.anxious-buttons a.elementor-button-link.elementor-button, .sad-buttons a.elementor-button-link.elementor-button, .stressed-buttons a.elementor-button-link.elementor-button {
    width: 230px;
    height: 75px;
}

.show-answer-section {
    display:block;
}

/* Start Blog/Article display Styles */

hr.post-separator {
    margin: 3rem auto;
}

.category article.post, .blog article.post {
    width: 100%;
    margin: auto;
    max-width: 1000px;
}

.category article.post figure.featured-media, .blog article.post figure.featured-media{
    width: 30%;
    display: inline-block;
    margin-top: 0rem;
}

article.post .entry-header {
    display: block;
}

article.post .entry-header h2.entry-title {
    font-size: 3.4rem;
}

.category article.post div.post-inner, .blog article.post div.post-inner{
    width: 69%;
    display: inline-block;
}

@media (max-width: 550px) {
    .blog article.post figure.featured-media{
        width: inherit;
        max-width: 300px;
        display: block;
        margin: 10px auto 10px;
    }

    .blog article.post div.post-inner{
        width: 90%;
        margin:auto;
        display: block;
    }
}

.eael-grid-post-holder {
    border: none;
}

.elementor .eael-entry-thumbnail img {
    width: 280px;
    height: 150px;
    margin: auto;
    border-radius: 6.4px 6.4px 0 0;
}

h2.eael-entry-title {
    margin: 3px;
    text-align: center;
    font-family: Rubik;
    font-size: 19.2px;
    font-weight: 500;
}
/* End Blog/Article display Styles */
.hidden{
    display: none;
}

/* Take A Test Questionnaire Styling */
#questionnaire-display {
    display: none;
}
#screening * {
    font-family: Quicksand, sans-serif !important;
    letter-spacing: 0.5px;
}
#screening {
    padding: 0 20px;
    margin-top: 35px;
}
#screening .title,
#screening p {
    font-size: 15px;
}
#screening hr {
    visibility: hidden;
    margin: 20px;
}
#screening section {
    padding: 2rem 0 6rem 0;
}
#screening .btn.btn-primary:hover {
    background-color: #f4bc35;
}
#screening .btn.btn-primary {
    background-color: #337ab7;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    line-height: 10px;
    padding: 10px 30px;
    transform: matrix(1.1, 0, 0, 1.1, 0, 0);
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}
#screening .questionblock h4,
#screening .questionblock h5 {
    font-size: 1.7em;
    margin-top: 1.5em;
}
#screening .questionnum h5,
#screening .questionnum h6 {
    font-size: 1.2em;
    margin-top: 2em;
}
#screening dl.dl-horizontal {
    font-size: 0.6em;
}
#screening .course {
    float: left;
}
#screening .course div {
    height: 240px;
    display: flex;
    align-items: center;
}
#screening .course div img {
    width: 90%;
}
/* End Take A Test Questionnaire Styling */

/* Questionnaire Loaders */
.loader {
    display: none;
}
.progress {
    width: 75%;
    margin: auto;
    margin-bottom: 20px;
    background-color: #B3B3B3;
    border-radius: 10px;
	overflow: hidden;
}
.progress-bar {
    height: 20px;
    background: #337ab7;
    border-radius: 10px;
}
/* End Questionnaire Loaders */

/* Behaviour Modal (Survey Detected 'Suicidal Thoughts') */
.blocker {
    z-index: 10000 !important;
}
@media only screen and (max-width: 768px) {
    .blocker p,
    .blocker li {
        font-size: 0.75em
    }
}
#behaviour-modal {
    position: fixed;
    top: 0;
    background: #fff;
    width: 90%;
    margin: 10% 5%;
    border: 1px solid black;
    z-index: 1000;
    padding: 0px 25px 25px 25px;
    border-radius: 5px;
}
#behaviour-modal button.close {
    position: absolute;
    right: 15px;
    top: 15px;
    text-decoration: none;
    border-radius: 5px;
}
#behaviour-modal a.btn {
    background: #FF7A57;
    padding: 10px;
    border-radius: 10px;
    color: white;
    text-decoration: none;
}
#behaviour-modal .modal-footer {
    display: none;
}
.eicon-close {
    right: 5px;
    top: -5px;
    background: #337ab7;
    padding: 5px;
    border-radius: 15px;
    color: white !important;
    margin-right: 16px;
    margin-top: 16px;
}
/* End Behaviour Modal */

#screening .screen-card-button {
  width: 80%!important;
  margin: auto!important;
  position: unset!important;
}

.center-element-any {
	margin: auto;
}