/*
 Theme Name:   CRTO
 Theme URI:    http://crto.on.ca
 Description:  Divi Child Theme	
 Author:       Roman Barz
 Author URI:   http://barz.ca
 Template:     Divi
 Text Domain:  enticity
 Version:      1.0.1
*/

.widget_recent_entries {
    line-height: 1.2em;
}

.widget_categories li,
.widget_archive li,
.widget_recent_entries li {
    border-bottom: 1px solid #eee;
    padding-bottom: 0.5em;
}

.et-fixed-header #top-menu li.current-menu-ancestor>a,
.et-fixed-header #top-menu li.noactive.current_page_item>a {
    color: blue;
}

.more-link {
    display: inline-block;
    padding: 2px 10px;
    color: #fff;
    background: #000000;
    border-radius: 2px;
    text-transform: uppercase;
    font-size: 0.9em;
    margin-top: 8px;
}

.home-blog .et_pb_post {
    /* min-height:550px; */
}

.social-center {
    text-align: center;
}

.social-center li {
    float: none;
    display: inline-block;
    margin: 5px auto;
}


/* FORM */

.contactform input[type="text"],
.contactform input[type="tel"],
.contactform input[type="email"],
.contactform textarea {
    width: 100%;
    padding: 16px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #444;
    background-color: #fff;
    font-size: 14px;
}

.contactform textarea {
    height: 120px;
}

.contactform p:nth-child(2),
.contactform p:nth-child(3),
.contactform p:nth-child(4),
.contactform p:nth-child(5) {
    width: 49%;
    float: left;
}

.contactform p:nth-child(2),
.contactform p:nth-child(4) {
    margin-right: 2%;
}

.contactform .wpcf7-quiz-label {
    color: #fff;
}

.contactform input[type="text"].wpcf7-quiz {
    max-width: 160px;
}

.contactform span.wpcf7-not-valid-tip {
    font-size: 0.7em;
}

.contactform div.wpcf7-response-output {
    border: none !important;
    background-color: rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
    margin-left: 0;
    margin-right: 0;
    padding: 15px 20px !important;
}

.contactform .wpcf7-submit.et_pb_button {
    border-color: #fff !important;
    color: #fff !important;
}


/* Menu */

.et_header_style_left #et-top-navigation {
    padding: 0 !important;
}

#top-menu>li>a>span {
    display: block;
    padding: 2px;
    border-bottom: 2px solid transparent;
}

#top-menu>li>a:hover>span {
    border-bottom: 2px solid #5abae9;
    color: #5abae9;
}

#top-menu li .sub-menu li a:hover {
    background: #5abae9;
    color: #fff;
}

#top-menu li li {
    margin: 0;
    padding: 0;
    display: block;
}

#top-menu li li a {
    width: 100%;
    box-sizing: border-box;
    transition: none;
    opacity: 1;
    line-height: 1.5em;
    border-top: 2px solid #d8d8d8;
}

#top-menu li li:first-child a {
    border: none;
}

#top-menu li.public>a:hover>span {
    border-color: #870a39;
    color: #870a39;
}

#top-menu li.public .sub-menu li a:hover {
    background: #870a39;
}

#top-menu li.members>a:hover>span {
    border-color: #7a6eb6;
    color: #7a6eb6;
}

#top-menu li.members .sub-menu li a:hover {
    background: #7a6eb6;
}

#top-menu li.employers>a:hover>span {
    border-color: #6cb250;
    color: #6cb250;
}

#top-menu li.employers .sub-menu li a:hover {
    background: #6cb250;
}

#top-menu li.students>a:hover>span {
    border-color: #f9a835;
    color: #f9a835;
}

#top-menu li.students .sub-menu li a:hover {
    background: #f9a835;
}

#top-menu li.applicants>a:hover>span {
    border-color: #60e0e1;
    color: #60e0e1;
}

#top-menu li.applicants .sub-menu li a:hover {
    background: #60e0e1;
}


/* Mega Menu */

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li>.mega-sub-menu>.mega-menu-row {
    border-top: 4px solid #5abae9;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li>ul.mega-sub-menu>li>ul>li:first-child {
    background: #f5f5f5;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li>ul.mega-sub-menu li.mega-menu-column {
    padding: 10px 0;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item.mega-menu-item-type-widget {
    padding: 10px 15px;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.about>a.mega-menu-link:hover,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.about.mega-toggle-on>a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.about.mega-current-menu-item>a.mega-menu-link {
    color: #4eafe3;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.about>.mega-sub-menu>.mega-menu-row {
    border-color: #4eafe3;
    background: #e6f4fb;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.public>a.mega-menu-link:hover,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.public.mega-toggle-on>a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.public.mega-current-menu-item>a.mega-menu-link {
    color: #870a39;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.public>.mega-sub-menu>.mega-menu-row {
    border-color: #870a39;
    background: #f3e6eb;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.members>a.mega-menu-link:hover,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.members.mega-toggle-on>a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.members.mega-current-menu-item>a.mega-menu-link {
    color: #765492;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.members>.mega-sub-menu>.mega-menu-row {
    border-color: #765492;
    background: #f0ebf4;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.employers>a.mega-menu-link:hover,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.employers.mega-toggle-on>a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.employers.mega-current-menu-item>a.mega-menu-link {
    color: #65a94d;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.employers>.mega-sub-menu>.mega-menu-row {
    border-color: #65a94d;
    background: #e9f3e6;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.applicants>a.mega-menu-link:hover,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.applicants.mega-toggle-on>a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.applicants.mega-current-menu-item>a.mega-menu-link {
    color: #1eaa98;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.applicants>.mega-sub-menu>.mega-menu-row {
    border-color: #1eaa98;
    background: #e8f6f6;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.resources>a.mega-menu-link:hover,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.resources.mega-toggle-on>a.mega-menu-link,
#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.resources.mega-current-menu-item>a.mega-menu-link {
    color: #f3862f;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.resources>.mega-sub-menu>.mega-menu-row {
    border-color: #f3862f;
    background: #fef3eb;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu .et_pb_social_media_follow li a.icon {
    background: rgb(102, 102, 102, 0.5);
    width: 28px;
    height: 28px;
}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu .et_pb_social_media_follow li a.icon::before {
    color: #ffffff;
    width: 28px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
}


/* Secondary Menu Header */

.et_header_style_left .logo_container {
    max-width: 300px;
}

#secondary-menu {
    float: right;
    padding: 15px 0 0;
}

#secondary-menu,
#secondary-menu a {
    color: #807a7c;
    font-weight: 600;
}

.access-toolbar {
    padding: 0.5em;
}

.access-toolbar .offscreen {
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
    white-space: nowrap;
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden;
    -webkit-transition: width .3s, clip .3s, clip-path .3s, background-color .5s;
    transition: width .3s, clip .3s, clip-path .3s, background-color .5s;
}

.access-toolbar .a11y-toolbar-widget {
    position: relative;
    top: auto;
    left: auto;
}

.access-toolbar .a11y-toolbar-widget ul li button {
    display: block;
    background-color: transparent;
    text-align: center;
    border-top: none;
    border-bottom: none;
    position: relative;
    font-size: 1em;
    padding: 0;
    color: #807a7c !important;
    border: none !important;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}

#secondary-menu .wpml-ls,
#secondary-menu .wpml-ls ul,
#secondary-menu .wpml-ls li,
.access-toolbar,
.access-toolbar .a11y-toolbar-widget,
.access-toolbar .a11y-toolbar-widget ul,
.access-toolbar .a11y-toolbar-widget li,
#secondary-menu .search-wrapper {
    display: inline-block;
}

.access-toolbar .a11y-toolbar li {
    padding: 0 0 0 0.75em;
}

#secondary-menu .search-wrapper .search-field {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #807a7c !important;
    padding: 0.3em 3em 0.3em 1em;
    color: #807a7c;
    width: 220px;
    max-width: 100%;
}

#secondary-menu .search-wrapper #searchsubmit_header {
    display: none;
}

#secondary-menu .search-wrapper .top-search-form {
    display: none;
}

#secondary-menu .search-wrapper .top-search-form.visible {
    display: inline-block;
}

#secondary-menu .search-wrapper #top-search-button {
    display: inline-block;
    position: relative;
    padding: 0.5em;
    cursor: pointer;
}

#secondary-menu .search-wrapper #et_search_icon::before {
    position: relative;
    top: auto;
    left: auto;
    font-size: inherit;
    content: "\55";
}

#secondary-menu .btn-members {
    display: inline-block;
    border: 1px solid #807a7c;
    padding: 0.2em 0.4em;
    margin-left: 20px;
    background: rgba(255, 255, 255, 0.1);
    cursor: pointer;
    s
}


/* CONTACT FORMS */

.contact-wrap,
.wpcf7 {
    /* max-width:800px; */
}

.contact-wrap,
.contact-wrap li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

.contact-wrap li {
    display: inline-block;
    width: 49%;
    overflow: hidden;
    padding: 5px 15px 5px 0;
    box-sizing: border-box;
    vertical-align: top;
}

.contact-wrap li.full {
    width: 98.5%;
}

.contact-wrap li input,
.contact-wrap li textarea,
.contact-wrap li select {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #ddd;
}

.contact-wrap li textarea {
    height: 180px;
}

.contact-wrap .shortinput {
    width: 240px;
}

.contact-wrap input[type="checkbox"],
.contact-wrap li.full input[type="checkbox"] {
    width: auto;
    margin: 0 12px 0 0;
}

.contact-wrap .wpcf7-list-item.first {
    margin-left: 0;
}

.wpcf7 .submit {
    text-align: left;
}

.wpcf7 .wpcf7-submit {
    font-size: 15px;
    background-color: #0095d5;
    border-width: 0px !important;
    transition: all 300ms ease 0ms;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif;
    position: relative;
    padding: .3em 1em;
    border: 2px solid;
    border-radius: 3px;
    font-weight: 500;
    line-height: 1.7em !important;
    color: #fff;
}

.wpcf7 div.wpcf7-response-output {
    margin: 2em 0;
    padding: 2em 1em;
    border: none !important;
    background-color: #0095d5;
    color: #fff;
}

.et_pb_toggle.et_pb_toggle_open {
    padding: 0;
}

.et_pb_toggle .et_pb_toggle_title {
    font-weight: 600;
}

.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title,
.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_content {
    padding: 20px;
}

.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title {
    background: #f4f4f4;
    font-weight: 600;
}

.et_pb_toggle.et_pb_toggle_open .et_pb_toggle_title::before {
    right: 20px;
}

#left-area ol,
.entry-content ol,
.et-l--body ol,
.et-l--footer ol,
.et-l--header ol {
    list-style-position: outside !important;
}


/* LISTS */

.pretty-list>li,
.et_pb_toggle_content>ol>li {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #d9d9d9;
}

.pretty-list>li:first-child,
.et_pb_toggle_content>ol>li:first-child {
    padding-top: 15px;
    margin-top: 0;
    border-top: none;
}

.pretty-list>li>ul,
.et_pb_toggle_content>ol>li>ul,
.pretty-list>ul,
.et_pb_toggle_content>ul {
    padding: 1em 2em;
}

#main-content li,
.pretty-list ul>li,
.et_pb_toggle_content ul>li {
    margin-bottom: 1em;
}

.entry-content ul li>ul {
    padding-top: 1em;
    padding-bottom: 0;
}

.alpha-list>li {
    list-style: none;
}

.alpha-list>li:before {
    content: counter(list, lower-alpha) ". ";
    counter-increment: list;
}


/* Application */

#next.disabled {
    opacity: 0.5;
    background-color: #333 !important;
    cursor: default;
}

.next-warning {
    color: #cd0000;
    padding: 1em 0;
}

.checkbox-container {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
}

.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-container .checkmark {
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: #575757;
    border: 3px solid #575757;
    border-radius: 6px;
    margin-left: -23px;
}

.checkbox-container:hover input~.checkmark {
    background-color: #999;
    border-color: #999;
}

.checkbox-container input:checked~.checkmark {
    background-color: #085696;
    border-color: #085696;
}

.checkbox-container .checkmark:after {
    content: "";
    position: absolute;
    display: block;
    left: 11px;
    top: 3px;
    width: 10px;
    height: 18px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.check-message {
    display: block;
    color: #cd0000;
}

@media (max-width: 1190px) {
    .et_header_style_left .logo_container {
        z-index: +9;
        width: auto;
    }
    #et-secondary-menu,
    #et-secondary-nav {
        display: block !important;
    }
    .et_header_style_left #et-top-navigation {
        width: 100%;
        padding: 0;
        position: relative;
        min-height: 60px;
    }
    #et_mobile_nav_menu {
        display: none !important;
    }
    #top-menu-nav {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        float: none;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-megamenu>ul.mega-sub-menu {
        padding: 0 !important;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li>.mega-sub-menu>.mega-menu-row {
        border-top: none !important;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li>a.mega-menu-link:hover,
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-toggle-on>a.mega-menu-link,
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
        background: #5abae9;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.public>a.mega-menu-link:hover,
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.public.mega-toggle-on>a.mega-menu-link {
        background: #d2294c;
        color: #fff;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.members>a.mega-menu-link:hover,
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.members.mega-toggle-on>a.mega-menu-link {
        background: #7a6eb6;
        color: #fff;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.employers>a.mega-menu-link:hover,
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.employers.mega-toggle-on>a.mega-menu-link {
        background: #6cb250;
        color: #fff;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.students>a.mega-menu-link:hover,
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.students.mega-toggle-on>a.mega-menu-link {
        background: #f9a835;
        color: #fff;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.applicants>a.mega-menu-link:hover,
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.applicants.mega-toggle-on>a.mega-menu-link {
        background: #60e0e1;
        color: #fff;
    }
}

@media (max-width: 800px) {
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li>ul.mega-sub-menu>li:first-child {
        display: none !important;
    }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu>li.mega-menu-megamenu>ul.mega-sub-menu>li>ul.mega-sub-menu li {
        width: 100%;
    }
    .contact-wrap li {
        display: block;
        width: 100%;
    }
}

@media (max-width: 600px) {
    .contactform p:nth-child(n) {
        width: 100%;
        float: none;
        margin-left: 0;
    }
    .contactform input.wpcf7-quiz[type="text"] {
        max-width: 100%;
        display: block;
    }
}