/*
Theme Name: Docere
Author: Sleeky Web Design - Andy 'The only one' Simpson
Author URI: http://sleeky.co.uk/
Description: Custom Theme for Docere
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Tags:
*/

/* Reset
===================================== */
article,aside,details,figcaption,main,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}body{font-size:15px;}body,blockquote{margin:0}a:focus{outline:thin dotted;}a:hover,a:active{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{display:block;height:1px;border:0;border-top:1px solid #e5e5e5;margin:2em 0;padding:0;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff0;color:#000;font-style:italic;font-weight:bold;}pre,code,kbd,samp{font-family:monospace,serif;font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:"";content:none;}small{font-size:85%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}ul,ol{margin:0;padding:0;}dd{margin:0;}nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:0;margin:0;padding:0}legend{border:0;*margin-left:-7px;padding:0;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;*overflow:visible;}table button,table input{*overflow:auto;}button,input[type="button"],input[type="reset"],input[type="submit"],[role="button"]{cursor:pointer;-webkit-appearance:button;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box;}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}input:invalid,textarea:invalid{background-color:#f0dddd;}table{border-collapse:collapse;border-spacing:0;}td{vertical-align:top;}.nocallout{-webkit-touch-callout:none}textarea[contenteditable]{-webkit-appearance:none;}.gifhidden{position:absolute;left:-100%;}.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;}.ir br{display:none;}.hidden{display:none!important;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}.invisible{visibility:hidden;}.clearfix:before,.clearfix:after{content:"";display:table; transform: translateZ(0);}.clearfix:after{clear:both;}.clearfix{*zoom:1}a:active,a:focus{outline: none;}
*, *::before, *::after { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

*:focus {
    outline: none;
}

*{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-shadow:none;
text-rendering: optimizeLegibility;
letter-spacing: 0.5px;
}

body {
    font-family: 'Lato', sans-serif;
}

/*
font-family: 'Playfair Display', serif;
font-family: 'Lato', sans-serif;
*/
h1,h2,h3,h4,h5,h6 {
    font-family: 'Playfair Display', serif;
}

h1 {
    font-size: 3rem;
}

h2 {
    font-size: 2.5rem;
}

@media all and (max-width: 767px) {
    h2 {
        font-size: 2.5rem;
    }
}

h3 {
    font-size: 2rem;
}

@media all and (max-width: 767px) {
    h3 {
        font-size: 2rem;
    }
}

h4 {
    font-size: 1.8rem;
}

h5 {
    font-size: 1.5rem;
}

h6 {
    font-size: 1.3rem;
}

.center {
    text-align: center;
}

p {
    color:#333333;
    line-height: 1.4;
    font-weight:400;
    font-size:0.9rem;
}

/*.wpjb p {
    -webkit-margin-before: 1em!important;
    -webkit-margin-after: 1em!important;
}*/


@media all and (max-width: 676px) {
    p {
        font-size: 1rem;
    }
}


abbr[title], acronym[title] {
    text-decoration: none;
}

div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 15px 15px;
    background-color: #ffffff;
    margin-bottom:0;
}

section.white h2 {
    font-size: 35px;
    color: #433816;
}

.no-bottom {
    padding-bottom:0;
}

.page-container {
    position: relative;
    top:0;
    left:0;
    width: 100%;
    overflow-x: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.col-third {
    width:33.333%;
}

.col-half {
    width: 50%;
}

.col-80 {
    width: 80%;
}

.col-60 {
    width: 60%;
}

.col-40 {
    width: 40%;
}

.col-25 {
    width: 25%;
}


.col-20 {
    width: 20%;
    margin-right: 2%!important;
}

.container {
    max-width: 1240px;
    margin: 0 auto!important;
    padding-left: 1.5%!important;
    padding-right: 1.5%!important;
}

hr {
    max-width: 1240px;
    margin: 0 auto;
    padding-left: 1.5%;
    padding-right: 1.5%;
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cc2fff;
    padding: 0;
}

.container--small {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
}

.display-table {
    display: table;
    width: 100%;
    height: 100%;
}

.display-cell {
    display: table-cell;
    vertical-align: middle;
}

.display-cell-bottom {
    display: table-cell;
    vertical-align: bottom;
}

.display-cell-top {
    display: table-cell;
    vertical-align: top;
}

.mobile {
    display: none;
    position: absolute;
    top: 30%;
    right: 5%;
}



.mobile button {
    border: 0;
    background-color:#ffffff;
    color: #cc2fff;
    padding: 15px;
    border-radius: 5px;
}

.mobile a.login-button {
    background-color: #cc2fff;
    border-radius: 5px;
    padding: 15px;
    margin-right: 15px;
}

.mobile a.login-button:hover {
    background-color: #ffffff;

}

a#account.btn {
    background-image: url('inc/img/breifcase-white.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10% center;
    padding: 15px 35px 15px 45px;
    font-size: 1rem;
    margin-right: 5px;
    text-transform: uppercase;
}

a#account.btn:hover {
    background-image: url('inc/img/breifcase.svg');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 10% center;
}


a#post-job.btn {
    background-image: url('inc/img/add-icon-white.svg');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 10% center;
    padding: 15px 35px 15px 45px;
    font-size: 1rem;
    text-transform: uppercase;
}

a#post-job.btn:hover {
    background-image: url('inc/img/add-icon.svg');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 10% center;
}

.post-meta-user span, .post-meta-tags span {
    display: block;
    padding-right: 5px;
}

.post-meta-user .svg-inline--fa {
    margin-right: 3%;
}

.rt-tpg-container .layout1 .rt-holder .rt-detail h2 {
    font-size: 1.65rem!important;
    line-height: 2.2rem!important;
}

.mobile a.login-button span {
    width: 18.78px;
    height: 21px;
    display: inline-block;
    background-image:url('inc/img/user-white.svg');
    background-size: contain;
    background-repeat:no-repeat;
    background-position: center center;
    top: 50%;
    transform: translateY(15%);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.mobile a.login-button:hover span {
    background-image:url('inc/img/user.svg');
}

[off-canvas] {
 background-color: #23022e;
 padding: 50px 25px;
}

section.grey {
    background-color:#dbdbdb;
}


.wpjb-job-buttons {
    text-align: center;
}


/*BUTTON STYLES*/
.wpjb a.wpjb-button {
    padding: 15px 35px!important;
    border-radius: 3px!important;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    font-size:1rem!important;
    font-family: 'Lato', sans-serif!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-color: #ffffff!important;
    color:#cc2fff!important;
    border: 2px solid #cc2fff!important;
}

.wpjb a.wpjb-button:hover {
    background-color:#cc2fff!important;
}

.wpjb a.wpjb-button.wpjb-form-toggle.wpjb-form-job-apply:hover {
    color: #ffffff!important;
}

.wpjb a.wpjb-button.wpjb-form-toggle.wpjb-form-job-apply,
.wpjb-job-apply .wpjb-job-buttons a.wpjb a.wpjb-button {
    color:#cc2fff!important;
}

.wpjb-text-box .wpjb-text:nth-child(even) {
    background-color: #dbdbdb;
}

.wpjb-text-box .wpjb-text:nth-child(even) h3 {
    color:#cc2fff;
}


#resume-details .wpjb-text-box:nth-child(odd) .experience-details{
    background-color: #dbdbdb;
}

section.padding {
    padding: 50px 0;
}

section.small-padding {
    padding: 25px 0;
}

section#iconFeed.padding {
    padding: 15px 0;
}


section.padding-small {
    padding: 25px 0;
}


@media all and (max-width: 767px) {
    section.padding {
        padding: 25px 15px;
    }

    section.padding-small {
        padding: 25px 15px;
    }
}


@media all and (max-width: 680px) {
    .hide-mobile {
        display: none;
    }
    .hide-desktop {
        display: block;
    }
}

@media all and (min-width: 681px) {
    .hide-desktop {
        display: none;
    }
    #schHis {
        display: none;
    }
}

.headerTop-bar {
    width: 30%;
    float: right;
}


.flex-wrapper.flex-center {
    justify-content: center;
    -webkit-justify-content: center;
}

.flex-wrapper.align-start {
    -webkit-align-items: flex-start;
    align-items: flex-start;

}

.flex-wrapper.flex-start {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    margin-bottom: 15px;
}

.flex-wrapper.flex-end {
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}




.flex-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items:initial;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    /*display: -webkit-flex;*/

    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*width: 100%;*/
    /*-ms-flex-wrap: wrap;*/
    flex-wrap: wrap;
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/

}
.wrap {
    /*width:96%;*/
    /*max-width: 1000px;*/
    margin: 0 auto;
}


/*====== Flex Rules ======*/
.inner {
    display: flex;
    flex-flow: row wrap;


}
.inner > * {
    padding: 10px;

}
.main {
    order: 3;
    flex: 3 0px;
    text-align: left;
    margin-left: 10px!important;

}
.side-1 {
    order: 1;
    flex: 0 180px;
    display: block;

}

.popJobList {

    padding: 4%!important;
    margin: 5% 0!important;
}

.side-2 {
    order: 2;
    flex: 0 180px;
    background: hotpink;
}

@media all and (max-width: 600px) {
    .inner {flex-flow: column wrap;}
    .side-1,.side-2 {flex: 0;}
    .main {order: 2;
        margin-left: 0!important;}
    .side-2 {order: 3;}
}

.col-side {
    flex: 0 1 20%;
}
.col-main {
    flex: 0 1 80%;
}

.flex-center {
    align-items: center;
    -webkit-align-items:center;
}

.flex-top {
    align-items: flex-start;
    -webkit-align-items: flex-start;
}


.flex-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}


h2.title {
    margin: 0;
}

.basket img {
    max-width: 40px;
    height: auto;
    display: block;
    margin: 0 auto;

}

header .flex-wrapper-top {
    width: 100%;
}



.telephone a {
    background-color:#ecd445;
    text-decoration: none;
    font-family: "omnes-pro";
    font-weight:     600;
    color: #433716;
    padding: 10px;
    font-size: 1.2rem;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.telephone a:hover {
    background-color:#433716;
    color:#ecd445;
}
.basket a {
    background-color:#433716;
    color:#ffffff;
    display: block;
    font-family: "omnes-pro";
    font-weight:     600;
    text-decoration: none;
    padding: 15px 20px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}


.basket a:hover {
    background-color:#ecd445;
}

.flex-wrapper-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    display: -webkit-flex;
}

.equal-height-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    display: -webkit-flex;
}

@media all and (max-width: 880px) {
    .equal-height-flex {
        flex-direction: column;
        -webkit-flex-direction: column;
    }
}

.flex-wrapper.left {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex-wrapper.flex-start {
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}


@media all and (max-width: 1200px) {
    .mobile-flex-start {
        justify-content:flex-start;
        -webkit-justify-content:flex-start;
    }

    header .flex-wrapper-top {
        padding-top: 20px;
    }
}



.contact-bar {
    text-align: right;
    background-color:#ecd445;
    position:     absolute;
    top:0;
    left: 0;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
}

.contact-bar a {
    text-decoration: none;
    color: #433716;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    display: inline-block;
    padding: 0 10px;
        font-family: "omnes-pro";
    font-weight:     600;
}

.contact-bar a:last-child {
    padding-right: 0;
}

.contact-bar a:hover {
    color: #ffffff;
}


.menu-wrap {
    position: relative;
}


@media all and (max-width: 1200px) {
    .menu-wrap {
        display: none;
    }

    .mobile {
        display: block;
    }
}



@media all and (max-width: 676px) {
    .contact-bar {
        text-align: center;
    }
}


span.purple {
    color:#cc2fff;
}

/*Button Styles*/

.btn {
    padding: 10px 25px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    font-size:0.8rem;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;

}

@media all and (max-width: 767px) {
    .btn {
        padding: 15px 20px;
        font-size: 0.9rem;
    }
}


.btn-white {
 background-color: #ffffff;
 color:#cc2fff;
}

.btn-white:hover {
    background-color:#cc2fff;
    color: #ffffff;
}

.btn-purple {
 background-color: #ffffff;
 color:#cc2fff;
 border: 2px solid #cc2fff;
}

.btn-purple:hover {
    background-color:#cc2fff;
    color: #ffffff;
}


.btn-inverse {
    color: #ffffff;
    border: 2px solid #ffffff;
}

.btn-inverse:hover {
    color:#cc2fff;
    background-color: #ffffff;
}

.alignCenter {
    text-align: center;
}


.page-content a {
    text-decoration: none;
    color:#cc2fff;
}

.page-content h2,
.page-content h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.page-content h3 {
    font-size: 1.8rem;
}

.page-content ul {
    margin-left: 50px;
}

.page-content ul li {
    color: #333333;
    line-height: 1.4;
    font-weight: 400;
    font-size: 0.9rem;
    padding: 5px 0;
}

.page-content ul ul {
    margin-left: 10px;
}

.image-half img {
    width: 100%;
    height: auto;
}

.text-half {
    padding: 25px;
}


@media all and (max-width: 880px) {
    .page-content .col-half {
        width: 100%;
    }

    .image-half {
        max-width: 70%;
        display: block;
        margin: 0 auto;
    }
}

@media all and (max-width: 676px) {
    .image-half {
        max-width: 100%;
        display: block;
        margin: 0 auto;
    }

    .text-half {
        padding:0 15px;
    }

    .page-content ul li {
        font-size: 1rem;
        padding:0;
    }

    .page-content ul {
        margin-left:10px;
    }

    .page-content ul ul {
        margin-left: 10px;
    }
}

/* Navigation Styles
===================================== */

ul.main-nav,
ul.footer-nav,
ul.numbers,
ul.social,
ul.mobile-nav {
    list-style-type: none;
}

ul.social {
    width: 100%;
    text-align: center;
}

ul.footer-nav {
    padding: 25px 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-around;
    -webkit-justify-content: space-around;
    display: -webkit-flex;
       flex-wrap: wrap;
    -webkit-flex-wrap: wrap;

}

ul.mobile-nav li {
    display: block;
}

li.menu-item-has-children {
    display: inline-block;
}

.mobile-nav ul.sub-menu {
    display: inline-block;
}

.main-nav ul.sub-menu {
    display: none;
    color: #fff;
    position: absolute;
    background-color: #f1f1f1;
    /*min-width: 160px;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

ul.sub-menu a {
    color: black;
    padding: 10px 30px!important;
    text-decoration: none;
    display: block;
}

ul.sub-menu li {
    padding: 0px 0px!important;
    position: relative;
}

.main-nav ul.sub-menu li:hover a {
    color: #fff!important;
    background-color: #cc2fff;
}

/*.mobile-nav ul.sub-menu li:hover a {
    color: #fff!important;
}*/

/* Change color of dropdown links on hover */
.main-nav .sub-menu a:hover {
    color: #cc2fff;
}

.mobile-nav .sub-menu a:hover {
    color: #cc2fff;
}

/* Show the dropdown menu on hover */
li.menu-item-has-children:hover ul.sub-menu {
    display: block;

}

/* Change the background color of the dropdown button when the dropdown content is shown */
li.menu-item-has-children:hover .main-nav a {background-color: #6f188c!important;}



ul.mobile-nav li a {
    display: block;
    padding: 15px 0;
    text-transform: lowercase;
    text-decoration: none;
    font-weight: 700;
    color: #ffffff;
}

ul.main-nav li a {
    position: relative;
    transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
}

ul.main-nav li a:after {
    content: '';
    height: 2px;
    width: 0%;
    background-color: #cc2fff;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    margin: 0 auto;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;

}

ul.main-nav li:hover a:after {
    width: 100%;
}

ul.main-nav li,
ul.numbers li,
ul.social li {
    display: inline-block;
    position: relative;
}

ul.main-nav li {
    padding: 0px 15px;
    position: relative;
}

ul.main-nav li:last-child {
    padding-right:0;
}


ul.social li a {
    padding: 10px;
    color: #ffffff;
    transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
}

ul.footer-nav li a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

ul.social li:hover a,
ul.footer-nav li:hover a {
    color:#cc2fff;
}


ul.numbers li a,
ul.numbers li p {
    color:#ffffff;
    text-decoration: none;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    padding-right: 10px;
    transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
}

ul.numbers li svg {
    margin-right: 10px;
}

ul.numbers li p {
    display: inline-block;
    color: #ffffff;
}

ul.numbers li a {
    padding-top: 10px;
}


ul.numbers li i {
    margin-right: 10px;
}

ul.numbers li:hover a {
    color:#cc2fff;
}

ul.numbers li i {
    padding-right: 10px;
}


ul.footer-nav li a {
    display: block;
    font-weight: 700;
    color: #ffffff;
    text-transform: lowercase;
    text-decoration: none;
    padding: 0 15px;
    font-size: 1rem;
}

ul.main-nav li a {
    display: block;
    font-weight: 700;
    color: #ffffff;
    text-transform: lowercase;
    text-decoration: none;
    padding: 10px 0px;
    font-size: 1rem;
}

ul.main-nav li:hover a {
    color:#cc2fff;
}

ul.footer-nav li {
    margin: 10px 0;
}

ul.main-nav li:last-child a {
    padding-right:0;
}

@media all and (max-width: 1045px) {
    ul.footer-nav li {
    margin: 5px 0;
    width: 25%;
    }
    ul.footer-nav li:last-child {
        /*width: 100%;*/
    }
}

@media all and (max-width: 767px) {
    ul.footer-nav li {
    margin: 5px 0;
    width: 33%;
    }
    ul.footer-nav li:last-child {
        width: 33%;
    }
}

@media all and (max-width: 676px) {
    ul.footer-nav li {
    margin: 5px 0;
    width: 50%;
    }
    ul.footer-nav li:last-child {
        width: 100%;
    }
}


/* Header Styles
===================================== */
header {
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    z-index: 10
}

.logo img {
    width: 100%;
    height: auto;
    max-width: 300px;
}

.logo {
    width: 30%;
}

.login-banner-mobile {
   /* background-color:;*/
}



@media all and (max-width: 676px) {
    .logo {
        width: 35%;
    }
}

@media all and (max-width: 410px) {
    .logo {
        width: 50%;
    }
}

/* Hero Slider Styles
===================================== */

section#hero,
section#inner-hero {
    position: relative;
}

section#inner-hero {
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

section#inner-hero .heroText {
    text-align: center;
    position: relative;
    display: block;

}

section#inner-hero .heroText h1 {
    color: #ffffff;
}

section#inner-hero:before {
    content:'';
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.heroSlider {
    overflow: hidden;
}

.heroSlider .slide {
    position: relative;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.heroSlider .slide:before {
    content:'';
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 75%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 75%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 75%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.hero-text {
    max-width: 650px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    display: block;
}

.hero-text h1 {
    font-family: 'Playfair Display', serif;;
    color: #ffffff;
    text-transform: lowercase;
    font-size:3rem;
    margin: 0;
    line-height:1;
}

.slick-slider {
    margin-bottom:0;
}

.slick-dots {
    bottom:0;
}

.slick-dots li button:before,
.slick-dots li.slick-active button:before {
    color:#cc2fff;
    font-size: 0.5rem;
}

.icon-slider .slick-dots {
    bottom: -20px;
}

.heroSlider .slick-prev {
    left:50px;
}

.heroSlider .slick-next {
    right: 50px;
}

.heroSlider .slick-next {
    background-image: url('inc/img/chevron-right.svg');
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center center;
    opacity: 0.5;
        transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
}

.heroSlider .slick-prev {
    background-image: url('inc/img/chevron-left.svg');
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position:center center;
    opacity: 0.5;
    transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
}

.heroSlider .slick-prev:hover,
.heroSlider .slick-next:hover {
    opacity: 1;
}

.heroSlider .slick-next:before,
.heroSlider .slick-prev:before {
    content:'';
}

.heroSlider .slick-next,
.heroSlider .slick-prev {
    top: 50%;
}

.heroSlider .slick-dots {
    bottom: 20px;
}


@media all and (max-width: 1060px) {
    .hero-text h1 {
        font-size: 3rem;
    }
}

@media all and (max-width: 940px) {
    .hero-text h1 {
        font-size: 3rem;
    }

    .heroSlider .slick-next,
    .heroSlider .slick-prev {
        width: 30px;
        height: 30px;
    }
}

@media all and (max-width: 860px) {
    .hero-text {
        max-width: 90%;
    }
    .hero-text h1 {
        font-size: 3rem;
    }
}

@media all and (max-width: 767px) {
    .hero-text h1 {
        font-size: 2rem;
    }
    .heroSlider .slide  {
        min-height: auto;
        height: 300px;
    }
}


/* Sign up Styles
===================================== */
ul.signup {
    list-style-type: none;
}

ul.signup li {
    width: 50%;
    float: left;
    padding: 0 15px;
    margin: 10px 0;
}

ul.signup li input {
    width: 100%;
    padding:  15px;
    border: none;
    border-radius: 0;
    border: 1px solid #acacac;
}

ul.signup li:last-child {
    width: 100%;
    text-align: center;
}

ul.signup li input[type="submit"] {
    width: auto;
    padding: 15px 35px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    font-size:1rem;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #cc2fff;
}

ul.signup li input[type="submit"]:hover {
    background-color: #23022e;

}


/* Job Description Content Styles
===================================== */

.resume-wrap .wpjb-text-box:nth-child(even) {
    background-color: #dbdbdb;
}

.descBorder {
    border: 1px lightgrey solid!important;
    padding: 4%!important;
}

.job-sidebar {
    width: 100%;
    max-width: 85%;
    margin: 0 auto;
    float:right;
    background-color:#23022e;
    padding: 10px 0!important;
}


#job-feed h3 {
    text-align: center;
}
.job-sidebar a.btn {
    display: block;
    text-align: center;
    max-width: 90%;
    margin: 10px auto;
}

.job-sidebar a.link {
    color: #ffffff;
}

ul.job-column {
    list-style-type: none;
    padding: 15px 30px!important;
}

ul.job-column li {
    display: block;
    color: #ffffff;
}

.description h4 {
    font-family: 'Lato', sans-serif;
    color:#cc2fff;
}

ul.job-column li p {
    display: inline-block;
    color: #ffffff;
    font-weight: 700;
    font-size:1rem;
    padding: 15px 0!important;
    top: 50%;
    transform: translate(0, -10%);
    -webkit-transform: translate(0, -10%);
    -moz-transform: translate(0, -10%);
}

ul.job-column li span,
ul.job-details li span{
    width: 30px;
    height: 30px;
    display: inline-block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    font-size: 1.4rem;
    margin-right: 5px;
}

.wpjb ul.job-column li span p,
.wpjb ul.job-details li span p {
-webkit-margin-before: 0em!important;
-webkit-margin-after: 0em!important;
}

ul.job-column li div {
    display:inline-block;
}

.white {
    color: #ffffff;
}

.center {
    text-align: center;
}


span.head {
    background-image: url(inc/img/head-teacher.svg);
}

span.level {
    background-image: url(inc/img/level.svg);
}


span.contact {
    background-image: url(inc/img/point-of-contact.svg);
}

span.school {
    background-image: url(inc/img/school-icon.svg);
}
span.closing {
    background-image: url(inc/img/padlock.svg);
}

span.starting {
    background-image: url(inc/img/completed-tick.svg);
}

span.pupils {
    background-image: url(inc/img/pupils.svg);
}

span.city {
    background-image: url(inc/img/map-pin.svg);
}
span.wage {
    background-image: url(inc/img/coin-icon.svg);
}
span.fulltime {
    background-image: url(inc/img/clock-icon.svg);
}
span.permanent {
    background-image: url(inc/img/contract.svg);
}

ul.job-details li span.school {
    background-image: url(inc/img/school-icon-purple.svg);
}
ul.job-details li  span.city {
    background-image: url(inc/img/map-pin-purple.svg);
}
ul.job-details li  span.wage {
    background-image: url(inc/img/coin-icon-purple.svg);
}
ul.job-details li span.fulltime {
    background-image: url(inc/img/clock-icon-purple.svg);
}
ul.job-details li span.permanent {
    background-image: url(inc/img/contract-purple.svg);
}

#documents a {
    margin: 10px;
}

.social-shares {
    padding: 25px 15px!important;
    background-color: #dbdbdb;
    width: 100%;
    max-width: 85%;
    float: right;
}

@media all and (max-width: 1100px) {
    .social-shares {
        max-width: 100%;
    }
}

.social-shares ul.social li a {
    color:#d062f4;
    font-size: 1.3rem;
}

.social-shares ul.social li:first-child {
    color: #d062f4;
    text-transform: uppercase;
    font-weight: 700;
}

.social-shares span {
    font-weight: 700;
}

.social-shares p {
    display: inline-block;
}

ul.social-share {
    list-style-type: none;
    text-align: center;
}

ul.social-share li {
    display: inline-block;
    margin: 0 10px;
}

ul.social-share li a {
    display: block;
    color: #cc2fff;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

ul.social-share li:hover a {
    color:#23022e;
}

#job-description h3 {
    text-transform:capitalize!important;
}

#job-description strong {
    font-size: 22px;
    margin: 15px 0;
    display: block;
}

#job-description .description p {
    margin: 10px 0;
}

@media all and (max-width: 1000px) {
    #job-description .flex-wrapper {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    #job-description .col-80,
    #job-description .col-60,
    #job-description .col-40,
    #job-description .col-20  {
        width: 100%;
    }

    .job-sidebar {
        max-width: 100%;
    }

    .flex-wrapper {
        flex-basis: 100%
    }
}


@media all and (max-width: 1100px) {
    .job-sidebar {
        max-width: 100%;
    }
}



@media all and (max-width: 560px) {
    #documents a {
        display: block;
        text-align: center;
        margin: 15px 0;
    }

    .flex-wrapper {
        flex-basis: 50%
    }
}


@media all and (max-width: 460px) {
    ul.job-column li span,
    ul.job-details li span {
        display: block;
        margin: 0 auto;
    }

    ul.job-column li {
        text-align: center;
    }
}


/* Other Documents Styles
===================================== */

.other-documents {
    border-top: 2px solid rgba(20,20,20,0.5);
    margin-top: 50px;
}

#apply h3 {
 text-align: center;
}


.descrip-text {
    line-height: 1.4;
    font-weight: 400;
    font-size: 1rem;
}

@media all and (max-width: 676px) {
    .descrip-text {
        font-size: 1rem;
    }
}

/* Latest Jobs
===================================== */
#job-feed h4 {
    text-align: left;
    margin:0;
}

.job-results-box {
    border: 1px solid #acacac;
    padding: 25px;
    margin-bottom: 25px;
}

.job-results-box .description {
    padding: 25px;
    border-left: 1px solid #acacac;
}
.job-results-box ul.job-column li {
    padding:0;
}

.job-results-box ul.job-column li p{
    color:#23022e;
    margin:0;
}

.job-results-box ul.job-column {
    padding-left:0;
}

.job-results-box ul.job-column span {
    margin-right: 15px;
}

.description.no-border {
    border: none;
}

@media all and (max-width: 900px) {
    #job-feed .flex-wrapper {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    #job-feed .col-half {
        width: 100%;
    }

    .job-results-box .description {
        border-left:0;
        border-top:1px solid #acacac;
    }

    .job-results-box .description.no-border {
        border: none;
    }
}


@media all and (max-width: 600px) {

.job-results-box .description {
    padding:0;
}

}

@media all and (max-width: 500px) {

#job-feed h4 {
    font-size:2rem;
}

}

/* About Content Styles
===================================== */

.logo-background {
    background-image: url('inc/img/docere-background-grey.svg');
    background-repeat: no-repeat;
    background-size: 40%;
    background-position: right center;
}

@media all and (max-width: 1000px) {
    .logo-background {
        background-image: none;
    }
}

#about h2 {
    margin-top:0;
}

@media all and (max-width: 1000px) {
    #about .col-60 {
        width: 80%;
        margin: 0 auto;
    }
}

@media all and (max-width: 676px) {
    #about .col-60 {
        width: 100%;
        margin: 0 auto;
    }
}

/* Icon Styles
===================================== */

.icon-single {
    text-align: center;
}


.icon-box a,
.icon-box p  {
 font-weight: 600;
 color:#1b1b1b;
 font-size: 1.2rem;
 text-decoration: none;
 transition: all 0.3s ease-in-out;
 -webkit-transition: all 0.3s ease-in-out;
 -moz-transition: all 0.3s ease-in-out;
}

.icon-box a:hover {
    color:#cc2fff;
}

.icon-box {
    text-align: center;
}

.icon-single p {
    font-weight: 700;
    font-size: 1rem;
    color:#252525;
}

.icon {
    position: relative;
    margin-bottom: 5px;
    display: block;
    text-align: center;
}


.icon:after {
    content:'';
    position: absolute;
    left:0;
    right:0;
    bottom:-10px;
    width: 50px;
    height: 2px;
    background-color: #cc2fff;
    margin: 0 auto;

}

.icon img {
    max-width: 100px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    padding:0;
    position: relative;
}


.icon-slider .slick-dots li button:before {
    color: #cc2fff;
}


@media all and (max-width: 920px) {

#contact-details .col-third {
    width: 50%;
}

#contact-details .col-third .icon-box {
    max-width: 250px;
    margin: 0 auto;
}


 #contact-details .col-third:last-child {
     width: 100%;
     max-width: 100%;
 }
}

@media all and (max-width: 920px) {
#contact-details .col-third {
    width: 100%;
}

#contact-details .col-third .icon-box {
    margin-bottom: 15px;
}

 #contact-details .col-third:last-child .icon-box {
    margin-bottom:0;
 }
}

/* Map Styles
===================================== */
#map {
    height: 75vh;
    position: relative;
}
.acf-map {
    width: 100%;
    height: 100%;
    margin: 0px;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

@media all and (max-width: 900px) {
    #map {
        height: 350px;
    }
}


/* Success Stories
====================================*/
.postthumbnail img {
    width: 100%;
    height: auto;
}


/* Contact Form
====================================*/

#contact-form h3 {
    margin-top:0;
}


ul.contact-form {
    margin-left: 0!important;
}
.contact-form li {
    display: inline-block;
    width:     100%;
    padding: 0 15px;
}
.contact-form p.form-label {
    display: none;
}
.contact-form li.half-field {
    width: 50%;
    float: left;
}
.contact-form li input,
.contact-form li textarea {
    width: 100%;
    padding: 15px ;
    border-radius: 0px;
    border: none;
    border: 1px solid #252525;
    background-color: transparent;
    font-family: 'Roboto', sans-serif;
    color: #e9e9e9;
    background-color: #ffffff;
}

#contact.white .contact-form li input,
#contact.white .contact-form li textarea {
    border-color:#080f25;
    color:#080f25;
}

.contact-form li.file-upload p {
    display: inline-block;
}

.contact-form li.file-upload input {
    background-color: transparent;
    border: none;
}

.contact-form input input {
    padding: 15px 25px;
    background-color: blue!important;
}

.contact-form li.submit-btn {
    text-align: center;
}
.contact-form li input[type="submit"] {
    width: auto;
    border: none;
    padding: 15px 35px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    font-size: 1rem;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #cc2fff;
    color: #ffffff;
    border: 1px solid #cc2fff;

}



#contact.white .contact-form li input[type="submit"] {
    background-color: blue;
}

.contact-form li input[type="submit"]:hover {
background-color: #ffffff;
color:#cc2fff;
}
.contact-form li  p.form-label {
    color:#e9e9e9;
}
.contact-form ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #252525;
  font-weight: 400;
}
.contact-form ::-moz-placeholder { /* Firefox 19+ */
 color: #252525;
 font-weight: 400;
}
.contact-form :-ms-input-placeholder { /* IE 10+ */
 color: #252525;
 font-weight: 400;
}
.contact-form :-moz-placeholder { /* Firefox 18- */
 color: #252525;
 font-weight: 400;
}
.text-section ul.contact-form li {
    padding: 0 15px;
}

.text-section ul.contact-form li {
    padding: 0 15px;
}


div.wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 15px;
    position: relative;
    background-color: #cc2fff;
    border: none;
    color:#ffffff;
}
ul.contact-form li input.wpcf7-not-valid {
    border: 2px solid #cc2fff;
}
span.wpcf7-not-valid-tip {
    display: none!important;
}


@media all and (max-width: 676px) {
    .contact-form li.half-field {
        width: 100%;
        float: none;
    }

    .contact-form li {
        padding:0;
    }

    .contact-form li input[type="submit"] {
        font-size: 0.9rem;
        padding: 10px 15px;
    }
}



/* Callout Banner
===================================== */

.calloutBanner {
    background-color:#cc2fff;
}

.calloutBanner p {
    color: #ffffff;
    font-size: 2.8rem;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    margin-right: 25px;
}

.calloutBanner p span {
    color:#ffffff;
    font-family: 'Playfair Display', serif;
}

@media all and (max-width: 1085px) {
    .calloutBanner p {
        font-size: 2.3rem;
    }
}


@media all and (max-width: 940px) {
    .calloutBanner {
        text-align: center;
    }

    .calloutBanner p {
        margin-bottom: 1em;
        margin-right:0;
    }

    .calloutBanner .flex-wrapper {
        flex-direction: column;
        -webkit-flex-direction: column;
    }
}

@media all and (max-width: 767px) {
    .calloutBanner p {
        font-size: 1.8rem;
    }
}

@media all and (max-width: 676px) {
    .calloutBanner p {
        font-size: 1.3rem;
    }
}

/* Blog  Styles
===================================== */

#latest-news h3 {
    margin-top:0;
}

.featured-post {
    position: relative;
    margin-bottom: 50px;
}

.featured-thumbnail,
.featured-text  {
    width: 50%;
}

.featured-thumbnail img {
    width: 100%;
    height: auto;
}

.featured-text {
    padding: 25px;
}

.featured-text h2 {
    font-size: 32px;
    color: #3e3e3e;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.featured-text p.date {
    color: #cc2fff;
    font-weight: 700;
}

.blog-single {
    width: 31%;
    text-align: left;
    float: left;
    position: relative;
    margin: 0 3.5% 35px 0;
}

.blog-single:last-child {
    margin-right:0;
}

.blog-image img {
    width: 100%;
    height: auto;
}

.blog-content {
    padding: 25px 0;
}

.blog-content p {
    font-size: 1rem;
}


.blog-content h3 {
    font-size: 22px;
    color:#3e3e3e;
    margin:0;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}
.blog-content p.date {
    font-weight: 700;
}


#news .blog-single:nth-child(3n+1) {
    margin-right:0;
}

@media all and (max-width: 980px) {
    .blog-single {
        width: 50%;
        margin-right:0;
        padding: 15px;
    }

    .featured-text {
        padding: 25px 0;
    }

    .featured-text h2 {
        font-size: 22px;
    }
}

@media all and (max-width: 880px) {
    .featured-text,
    .featured-thumbnail {
        width: 100%;
    }
    .featured-post {
        margin-bottom:35px;
    }
}

@media all and (max-width: 730px) {
    .blog-single {
        width: 100%;
        margin-right:0;
        padding: 15px;
    }

    #news .blog-single {
        padding:0;
    }
}


@media all and (max-width: 550px) {
    .blog-single {
        width: 100%;
        margin-right:0;
        padding: 5px;
    }

    .blog-content h3 {
        font-size: 1.3rem;
    }
}


.pagination-wrapper {
    width: 100%;
}

 ul.page-numbers {
    list-style-type: none;
    width: 100%;
    text-align: center;
    clear: both;
}

 ul.page-numbers li {
    display: inline-block;
    min-width: 48px;
    min-height: 48px;
    border-radius: 5px;
    border: 2px solid #23022e;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

ul.page-numbers li:hover {
    background-color:#23022e;
}

 ul.page-numbers li a,
 ul.page-numbers li span{
    display: block;
    text-decoration: none;
    color: #23022e;
    font-weight: 600;
    font-size: 1.2rem;
    transform: translateY(40%);
    -webkit-transform: translateY(40%);
    -moz-transform: translateY(40%);
}

ul.page-numbers li:hover a {
    color: #ffffff;
}

 ul.page-numbers li.active {
     background-color: #23022e;
 }

 ul.page-numbers li.active span {
     color: #ffffff;
 }

/* THEME MY LOGIN STYLES
===================================== */
header .tml.tml-login {
    width: 100%;
    max-width: 90%;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    display: -webkit-flex!important;
}

header .tml.tml-login label {
    display: none;
}

header .tml.tml-login form#loginform1 {
    width: 100%;
    max-width: 90%;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    display: -webkit-flex!important;
}


header .tml.tml-login p {
    width: 35%;
}

header .tml.tml-login p.tml-rememberme-wrap {
    display: none;
}

header p.tml-user-login-wrap input,
header p.tml-user-pass-wrap input {
    padding: 10px 15px;
    border: none;
    border: 2px solid #ffffff;
    background-color: transparent;
    font-size: 1rem;
    min-height: 47px;
    color: #ffffff;
    width: 100%;
}

header ul.tml-action-links {
    display: none!important;
}

header p.tml-submit-wrap input[type="submit"] {
    width: auto;
    padding: 12px 35px;
    border-radius: 0px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    font-size: 1rem;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #ffffff;
    color: #cc2fff;
    border: 2px solid #ffffff;
}

header p.tml-submit-wrap input[type="submit"]:hover {
    background-color: #cc2fff;
    color: #ffffff;
}

input:-webkit-autofill {
    background-color: transparent;
}

/* Search Styles
===================================== */

#search-bar {
    position: relative;
}


/*.page-template .wpjb-form.wpjb-form-to-refine,
.success-stories-template-default .wpjb-form.wpjb-form-to-refine,
.page-template-default .wpjb-form.wpjb-form-to-refine,
.post-template-default .wpjb-form.wpjb-form-to-refine,
.single .wpjb-form.wpjb-form-to-refine {
    position: absolute;
    bottom: 0;
    left:0;
    right:0;
}
*/

.container-search-form {
    background-color:#dbdbdb;
}

.ad-search  {
    /* Why? */
    /*margin-top: 0!important;*/

}


.wpjb-form.wpjb-form-to-refine  {
    position: relative;
    width: 100%;
    max-width: 1240px;
    padding: 15px 25px!important;
    margin-top: -122px!important;
    margin: 0 auto;
    z-index: 10;
    font-size: inherit;
    background-color:#23022e;
}

.page-id-250 .wpjb-form-to-refine {
    margin-top:0!important;
}

.page-id-250  .container-search-form {
     padding: 25px 15px!important;
     background-color:transparent;
 }


@media all and (max-width: 1270px) {
    .wpjb-form.wpjb-form-to-refine {
        max-width: 95%;
    }
}


@media all and (max-width: 1000px) {
 .wpjb-form.wpjb-form-to-refine {
     margin-top:0!important;
 }

 .container-search-form {
     padding: 25px 15px!important;
 }

}



#wpjb-top-search {
    padding:0!important;
}

/*.search-wrapper {
 padding: 25px!important;
}*/

.search-wrapper form label {
    display: none;
}

.search-wrapper form .sidebar-search label {
    display: inline-block;
    font-size: 0.7rem;
    color:#23022e;
    font-weight: 600;
}

.search-wrapper input {
    padding:15px 20px;
    border: none;
    width:     90%;
    /*margin-right: 10px;*/
    border-radius: 0;
}

.search-wrapper input[type="submit"] {
    width: 100%;
    padding: 15px 35px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    font-size: 1rem;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #cc2fff;
    color: #ffffff;
    /* margin-right: 0; */
}


.search-wrapper input[type="checkbox"] {
    width: auto;
}

.search-wrapper input[type="submit"]:hover {
    color:#cc2fff;
    background-color: #ffffff;
}

form.search-form {
}

.form-top {
    display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   align-items: center;
   -webkit-align-items: center;
   justify-content: space-between;
   -webkit-justify-content: space-between;
   display: -webkit-flex;
}

.form-top,
.checkbox {
    width: 100%;
}

.advanced-search {
/*    padding: 15px 0;*/
}

.advanced-search a {
    color: #ffffff;
    display: block;
    margin: 10px 0;
    transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -webkit-transition: color 0.3s ease-in-out;
}
.advanced-search a:hover {
    color: #cc2fff;
}

.form-top input {
    width: 45%;
}

.extra-fields {
    padding: 15px 0;
    display: none;
}

.extra-fields p {
    color: #ffffff;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #2b2b2b;
}
::-moz-placeholder { /* Firefox 19+ */
      font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #2b2b2b;
}
:-ms-input-placeholder { /* IE 10+ */
      font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #2b2b2b;
}
:-moz-placeholder { /* Firefox 18- */
      font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #2b2b2b;
}


header ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 1rem;
}
header ::-moz-placeholder { /* Firefox 19+ */
      font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 1rem;
}
header :-ms-input-placeholder { /* IE 10+ */
      font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 1rem;
}
header :-moz-placeholder { /* Firefox 18- */
      font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 1rem;
}

@media all and (max-width: 700px) {
    .form-top {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .form-top input {
        margin: 5px 0;
        width: 100%
    }
    .search-wrapper input[type="submit"] {
        width: 100%;
        margin: 5px 0;
    }

    .search-wrapper {
        padding: 15px;
    }
}


/* Testimonial Styles
===================================== */

#testimonials {
    position: relative;
    overflow: hidden;
}

.testimonial-slider {
    position: relative;
}

.testimonail-container {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    width: 60%;
}

.testimonial-slider {
    background-color:#dbdbdb;
}

.testimonial-slider .slide-single {
    padding: 50px 25px 50px;
}

.testimonial-background {
    position: relative;
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.testimonial-background:before {
    content: '';
    display: block;
    padding-top: 60%;
}

.quote-icon {
    padding: 25px;
    width: 30%;
}

.quote-icon img {
    width: 100%;
    height: auto;
}


.test {
    /* overflow: hidden; */
    margin: auto;
 position: relative;
   /* top: 50%; */
   /* transform: translateY(-50%); */

  left: 0%;
  top: 45%;
/*  transform: translate(0%, 10%);
  -webkit-transform: translate(0%, 10%);
  -ms-transform: translate(0%, 10%);
  transform: translate(0%, 10%);*/
  -webkit-transform:  translate(0%, 55%);
  -moz-transform:     translate(0%, -45%);
  -ms-transform:      translate(0%, -45%);
  -o-transform:       translate(0%, -45%);
  transform:          translate(0%, -45%);
}

@media all and (max-width: 1055px) {
    .testimonial-slider .slide-single {
        padding: 25px;
    }
}

@media all and (max-width: 960px) {
    .testimonial-background,
    .testimonail-container {
        width: 100%;
    }

    .test {
         -webkit-transform:  none;
          -moz-transform:     none;
          -ms-transform:      none;
          -o-transform:       none;
          transform:          none;
    }

    .testimonial-background:before {
        padding-top: 50%;
    }

    .testimonail-container {
        position: relative;
    }
}


@media all and (max-width: 676px) {
 .testimonial-slider .flex-wrapper {
     flex-direction: column;
     -webkit-flex-direction: column;
 }

 .quote-icon {
     padding: 0px;
 }


}

/* Footer Styles
===================================== */
.footer-top {
    background-color:#23022e;
    padding: 15px 0;
}
.footer-bottom {
    padding: 15px 0;
    text-align: center;
    background-color:#cc2fff;
}

.footer-bottom p {
    color: #ffffff;
    font-weight: 700;
    font-size: 1rem;
}

.contact-details {
    padding: 10px 0;
}

.contact-detail {
    width: 80%;
}

.social-list {
    width: 20%;
}


@media all and (max-width: 990px) {
    .contact-detail,
    .social-list {
        width: 100%;
        text-align: center;
    }
}

@media all and (max-width: 560px) {
    ul.numbers li {
        display: block;
    }

    .footer-bottom p {
        font-size: 1rem;
    }
}

/* Wordpresss Jobs Board Styles
===================================== */

.wpjb-page-default-form {
    padding: 15px;
}

.wpjb-page-default-form fieldset legend {
        font-family: 'Playfair Display', serif;
        font-size: 1.7rem!important;
        display: block;
        margin:0 0 15px!important;
        padding: 25px 0!important;
        border-bottom: 2px solid #cc2fff!important;
}

.wpjb .wpjb-form div textarea, .wpjb .wpjb-form div select, .wpjb .wpjb-form div input[type=text], .wpjb .wpjb-form div input[type=password] {
    padding: 15px!important;
}

.wpjb .wpjb-form div label.wpjb-label {
    font-size: 1rem!important;
    color: #3e3e3e;
    margin: 0;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.wpjb .wpjb-form input.wpjb-submit{
    border: none;
    width: auto;
    padding: 15px 35px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    font-size: 1rem;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #cc2fff;
    color: #ffffff;
    margin-right: 0;
    border:2px solid #cc2fff;
}

.wpjb .wpjb-form input.wpjb-submit:hover {
    background-color:#ffffff;
    color:#cc2fff;
}

@media all and (max-width: 767px) {
    .wpjb-page-default-form {
        padding: 15px 0;
    }
}

.daq-multiselect-options {
    position: relative!important;
}

/* Company Registration Dashboard Styles
===================================== */

/* Heading Font */
.wpjb .wpjb-boxes .wpjb-boxes-group {
    padding: 25px 0;
    border-bottom: 1px solid #cc2fff!important;
}

.wpjb .wpjb-boxes .wpjb-boxes-group .wpjb-boxes-group-text {
    font-family: 'Playfair Display', serif;
    font-size: 1.7rem!important;
    text-transform: capitalize!important;
    padding: 25px 0!important;
}

.wpjb h3 {
    text-transform: lowercase!important;
    margin-top:0!important;
}

.wpjb .capLetters {
    text-transform: capitalize!important;
}

.wpjb-text .capFirst:first-letter {
    
    text-transform: capitalize;
}

.toggleMore {
    margin: 7% 0!important;
    color: #cc2fff;
}

.wpjb .wpjb-form-nolines .wpjb-upload-inner {
    background-color: #ffffff!important;
}

.wpjb .wpjb-form div textarea, .wpjb .wpjb-form div select, .wpjb .wpjb-form div input[type=text], .wpjb .wpjb-form div input[type=password] {
    border:1px solid #252525!important;
}


form.wpjb-form.wpjb-form-to-refine label.wpjb-label  {
 display: none!important;
}

.wpjb .wpjb-form div label.wpjb-label {
    display: none;
    float: none!important;
}

.wpjb.wpjb-page-add .wpjb-form div label.wpjb-label {
    display: block!important;
    clear: both;
    width: 100%;
    float: none;
}

#wpjb-apply-form .wpjb-element-input-text {
    width: 50%;
    float: left;
    clear: none!important;
    padding: 0 15px;
    margin-bottom: 15px;
}

#wpjb-apply-form .wpjb-element-input-text input {
    width: 100%;
}

.wpjb .wpjb-form div.wpjb-field {
    width: 90%!important;
    float: none;
    display: block;
    float:none!important;
    margin: 0 auto!important;
}


.wpjb .wpjb-form .wpjb-error input[type=text] input {
    border: 1px solid red!important;
}


.wpjb .wpjb-form-nolines .wpjb-upload-inner {
    margin: 15px 0;
}



.wpjb .wpjb-form div.wpjb-field {
    width: 100%!important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
      font-family: 'Lato', sans-serif;
      font-size: 1.2rem;
      font-weight:400;
}
::-moz-placeholder { /* Firefox 19+ */
      font-family: 'Lato', sans-serif;
      font-size: 1.2rem;
      font-weight:400;
}
:-ms-input-placeholder { /* IE 10+ */
      font-family: 'Lato', sans-serif;
      font-size: 1rem;
      font-weight:400;
}
:-moz-placeholder { /* Firefox 18- */
     font-family: 'Lato', sans-serif;
     font-size: 1.2rem;
     font-weight:400;
}


fieldset.apply-btn {
    text-align: center;
}

.wpjb-error.wpjb-element-input-text.wpjb .wpjb-field input#last_name{
    border: 1px solid #cc2fff!important;
}

.wpjb .wpjb-form .wpjb-error {
    outline: none!important;
    background-color: transparent!important;
}


.job-description-text {
    padding: 0 15px 0 0!important;
}

.job-title span {
    font-size: 1.4rem;
}

.wpjb .wpjb-motif-border-bottom {
    border-bottom-color:#cc2fff!important;
}

.wpjb .wpjb-form fieldset legend {
    font-family: 'Playfair Display', serif;
    font-size: 1.6rem!important;
    padding: 15px!important;
}

.wpjb-cute-input input:checked ~ .wpjb-cute-input-indicator {
    background:#cc2fff!important;
}

/*Style the Employer log in form*/

.wpjb .wpjb-element-input-textarea.wpjb-element-name-company_info label.wpjb-label,
.wpjb .wpjb-element-input-file.wpjb-element-name-company_logo label.wpjb-label,
.wpjb .wpjb-element-input-textarea.wpjb-element-name-company_history label.wpjb-label {
    display: block!important;
    padding: 15px 0;
    float: none!important;
}

@media all and (max-width: 767px) {
    #wpjb-apply-form .wpjb-element-input-text {
        width: 100%;
        float: none;
    }

     .wpjb .wpjb-form > fieldset > div {
         padding: 0!important;
     }

     fieldset.wpjb-fieldset-apply {
         margin: 0!important;
         padding: 0!important;
     }
}

@media all and (max-width: 676px) {
    #school-information .flex-wrapper {
        flex-direction: column;
        -webkit-flex-direction: column;
    }
}


@media all and (max-width: 676px) {
    .wpjb fieldset.no-background a {
        display: block;
    }
}


fieldset {
   margin-bottom: 25px!important;
   padding: 0 25px 15px!important;
   /*border-bottom: 2px solid rgba(219,219,219,1)!important;*/
}

.wpjb fieldset.no-background a {
    color: #23022e;
    text-decoration: none;
    margin: 10px 15px;
}

.wpjb fieldset.no-background {
    border-bottom: none!important;
    text-align: center;
}

fieldset h3 {
    font-size: 1.8rem;
    margin: 0 0 15px 0!important;
}

.wpjb .wpjb-form div.wpjb-field {
    margin-bottom: 10px!important;
}

.wpjb-box {
    padding: 15px!important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

div.wpjb-flash-info {
    text-align: center;
}

.wpjb .wpjb-flash-icon {
    float: none!important;
    text-align: center;
}

.wpjb-flash-icon img {
    display: block;
    width: 100%;
    margin: 10px auto!important;
    height:auto;
    max-width: 100px;
}

.wpjb .wpjb-flash-body {
    float: none!important;
}


.wpjb-flash-body a {
    clear: both;
    padding: 15px 35px;
    border-radius: 3px;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    font-size:1rem;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff!important;
    background-color: #cc2fff;
}

.wpjb-flash-body a:hover {
    background-color:#23022e;
}

.wpjb .wpjb-breadcrumb {
    border: none!important;
}


@media all and (max-width: 450px) {
 .wpjb-box {
     width: 100%!important;
 }
}


@media all and (max-width: 767px) {
    fieldset {
        padding: 10px 15px!important;
    }
}

/*Style Breadcrumbs*/


div.wpjb-flash-error {
    margin: 20px 0px 10px 0px!important;
    padding: 25px 15px!important;
    font-size: 1.2rem;
    text-align: center;
    border: 2px solid #e74c3c!important;
    color: #e74c3c!important;
    background-color: transparent!important;
}

div.wpjb-flash-error a {
    color:#e74c3c!important;
}

.wpjb-flash-info {
    background-color: rgba(219,219,219,0.4)!important;
    border-radius: 5px;
    padding: 25px 0!important;
    font-size: 1.2rem;
}

@media all and (max-width: 767px) {
    .wpjb-flash-info,
    div.wpjb-flash-error {
        font-size: 1rem;
    }
}

.wpjb-flash-info a {
    color:#cc2fff;
    text-decoration: none;
}

.wpjb-breadcrumb a {
    text-transform: uppercase;
    color:#585858;
    font-weight: 700;
    font-size: 0.9rem!important;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.wpjb-breadcrumb a:hover {
    color: #cc2fff;
    text-decoration: none!important;
}

.wpjb-breadcrumb span {
    display: none;
}

.wpjb-breadcrumb a:after {
 content:'/';
 margin-left: 5px;
}

.wpjb-breadcrumb a:last-child:after {
    content:'';
}


#school-information a.wpjb-maybe-blank {
    text-decoration: none;
    color:#cc2fff;
    font-weight: 900;
}

.wpjb .wpjb-manage-header {
    padding: 15px 0;
}

.wpjb ul.wpjb-tabs li {
    opacity: 0.7;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}


.wpjb ul.wpjb-tabs li:hover {
    opacity: 1;
}

.wpjb ul.wpjb-tabs li.current {
    color:#cc2fff!important;
    opacity: 1;
}

.wpjb .wpjb-top-header-subtitle > li  a,
.wpjb .wpjb-top-header-subtitle > li {
    font-size: 1rem!important;
    color: #cc2fff;
    text-decoration: none;
}

.wpjb-text h3,
.wpjb-text-box h3 {
    font-size: 2rem;
}

.wpjb-text h3 span {
    display: block;
}

@media all and (max-width: 767px) {
    .wpjb-text h3,
    .wpjb-text-box h3 {
    font-size: 2rem;
}

}

/*Styling up the new job board listing*/

.job-box .flex-wrapper {
    align-items: normal;
    -webkit-align-items: initial;
}

.job-box {
    border: 1px solid #c9c7c9!important;
    padding: 25px 0!important;
    margin-bottom: 25px!important;
}

.description-text:first-child {
    text-align: left;
}

.description-text {
 text-align: center;
max-width: 85%;
display: block;
padding: 15px!important;
margin: 0 auto!important;
}

.description-text p {
    text-align: left;
    font-size: 1rem;
}

.job-box .col-half:last-child {
    border-left: 2px solid #c9c7c9;
}

.job-box strong a {
    text-decoration: none;
    color: #cc2fff;
    font-weight: 900;
    margin-bottom: 15px;
    display: block;
    font-size: 1.3rem;
}


ul.job-details {
    list-style-type: none;
    margin: 0!important;
}

ul.job-details li {
    display: block;
}

ul.job-details li span {
    margin-right: 10px;
}

ul.job-details li p {
    display: inline-block;
    padding: 0;
    font-weight: bold;
    color:#23022e;
    font-size: 1rem!important;
    top: 51%;
    transform: translate(0, -20%);
}


@media all and (max-width: 820px) {
    .job-box .flex-wrapper {
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .job-box .col-half {
        width: 100%;
    }

    .job-box .col-half:last-child {
    border-top: 2px solid #c9c7c9;
    border-left: none;
}
}


@media all and (max-width:560px) {
    ul.job-details li span {
        margin: 0 auto;
        display:block;
    }

    ul.job-details li {
        text-align: center;
    }
}

@media all and (max-width: 490px) {

.description-text {
    max-width: 95%;
    padding: 5px!important;
}
.job-box strong a {
    font-size: 1.4rem;
}

ul.job-details li p {
    font-size: 0.8rem!important;
}

}

.wpjb-page-company-login,
.wpjb-page-resume-login,
.wpjb-page-default-form,
.wpjb.wpjr-page-register  {
    max-width: 960px!important;
    margin: 0 auto!important;
}

.wpjb-page-company-login form.wpjb-form fieldset.wpjb-fieldset-default .wpjb-label,
.wpjb-page-resume-login form.wpjb-form fieldset.wpjb-fieldset-default .wpjb-label {
    display: block!important;
}

fieldset.wpjb-fieldset-resume .wpjb-element-input-textarea.wpjb-element-name-description label {
    display: block!important;
}

.wpjb a {
    color: #cc2fff;
    text-decoration: none;
}


textarea {
    font-family: 'Lato', sans-serif!important;
}

fieldset.wpjb-fieldset-default .wpjb-element-input-file.wpjb-element-name-image .wpjb-label {
    display: block!important;
    float:none!important;
}


.wpjb .blue span {
    background-color:#cc2fff!important;
}

.candidate-single {
    float: left;
    position: relative;
    width: 31%!important;
    padding: 15px!important;
    margin: 0 3.5% 35px 0!important;
    border-radius: 5px;
    background-color: rgba(219,219,219,0.4)!important;
}


.candidate-single:nth-child(3n) {
    margin-right:0!important;
}

.candidate-profile-image {
    position: relative;
    width: 25%;
    padding-top: 100%; /* 1:1 Aspect Ratio
    height: 200px;*/
    background-size: cover;
    background-position: center center;
    background-repeat:no-repeat;
    border-radius: 50%;
    max-width: 200px;
    margin: 0 auto 15px!important;
    display: block;
}

.candidate-profile-image a {
    display: block;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.candidate-single .candidate-profile-image {
	width: 45%;
}

.candidate-profile-image:before {
    content:'';
    display: block;
    padding-top: 100%;
}


.school-profile-image {
    position: relative;
    width: 100%;
    padding-top: 100%; /* 1:1 Aspect Ratio */
    height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat:no-repeat;
    margin: 0 auto 15px!important;
    display: block;
    float:none;
}


.school-profile-image a {
    display: block;
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

/*
.school-profile-image:before {
    content:'';
    display: block;
    padding-top: 100%;
}
*/


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

.candidate-text .wpjb-candidate_name,
.candidate-text a.wpjb-company_name.wpjb-title {
    font-size: 1.4rem;
    font-weight: 900;
    display:block;
}


.candidate-text div {
    display: block;
    padding: 5px 0!important;
}



@media all and (max-width: 1150px) {
    .candidate-single {
        width: 48%!important;
    }

    .candidate-single:nth-child(odd) {
        margin-right: 3.5%!important;
    }
    .candidate-single:nth-child(2n) {
        margin-right: 0!important;
    }
}





@media all and (max-width: 1040px) {
    .candidate-single {
        width: 48%!important;
        margin: 0 2% 35px 0;

    }
}

@media all and (max-width: 800px) {
    .candidate-text .wpjb-candidate_name,
    .candidate-text a.wpjb-company_name.wpjb-title  {
    font-size: 1.2rem;
    }
}


@media all and (max-width: 676px) {
    .candidate-single {
        width: 100%!important;
    }
}


.candidate-image .wpjb-top-header-image {
    float: none!important;
}

.schImage {
    width: 100%;
    height: auto;
    margin: 2% 0!important;
}

.wpjb .wpjb-top-header {
    padding: 25px!important;
}

.wpjb-top-header-content {
    text-align: center;
    width: 100%!important;
    float: none;
}


.wpjb .wpjb-motif {
    color:#cc2fff!important;
}

div.wpjb-single-membership {
    background-color: #d00;
    border: 1px solid #444;
}

div.wpjb-single-membership h2 {
    background-color: #f0f;
}

div.wpjb-single-membership div.wpjb-membership-price {
    border: 1px solid #000;
}

div.wpjb-single-membership.wpjb-single-membership-featured h2 {
    background-color: #ac0;
}

.login-btns a.btn {
 font-size: 0.9rem;
 text-transform: capitalize;
}

.wpjb.wpjr-page-resume .wpjb-resume-detail {
    border-bottom:0!important;
}

.wpjb .wpjb-layer-inside {
    border: 0!important;
    background-color: transparent!important;
}

.login-btns div.wpjb-flash-info {
    margin:0!important;
    border: none!important;
    line-height: auto!important;
    background-color: transparent!important;
    color: #ffffff!important;
}

.login-btns div.wpjb-flash-info a {
    color: #ffffff;
    text-decoration: none;
}

.login-btns .wpjb-page-default-form,
.login-btns .wpjb-page-default-form fieldset {
    padding: 0!important;
}

.login-btns .wpjb .wpjb-form {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    align-items: center!important;
    -webkit-align-items: center!important;
    justify-content: space-between!important;
    -webkit-justify-content: space-between!important;
    display: -webkit-flex!important;
}

.login-btns .wpjb .wpjb-form .wpjb-form-actions a {
 display:none;
}

#candidate-register {
    text-align: center;
}

.wpjb .wpjb-grid.wpjb-grid-closed-top {
    border: 0!important;
}

.wpjb .wpjb-layer-inside {
    box-shadow:none!important;
}

.form-left {
    width: 80%;
    float: left;
}

.form-right {
    width: 20%;
    float: right;
    text-align: center;
}

.form-left input {
    display: inline-block;
    width: 49%!important;
}

.form-left select {
    width: auto!important;
    display: inline-block;
}

.job-title h2 {
    margin-top:0!important;
}

.wpjb .wpjb-top-header h2 {
    font-size: 1rem!important;
    margin: 0;
}

.page-title {
    margin: 0 0 0px 0!important;
    display: block;
}

/*STYLE THE SEARCH RESULTS CATEGORY*/
.wpjb .wpjb-tag {
    background-color:#cc2fff!important;
    padding: 10px 15px!important;
    font-size: 1.1rem;
    font-weight: bold;
}
.wpjb .wpjb-refine-cancel:before {
    color: #ffffff!important;
}

[class^="wpjb-icon-"]:before, [class*=" wpjb-icon-"]:before {
    opacity: 1!important;
}

#wpjb-top-search fieldset label.wpjb-label {
    display: block!important;
}

span.wpjb-refine-query p {
    font-weight: 900;
    display: inline-block;
    color: #1b1b1b;
}


.wpjb-tag b {
    display: none;
    font-weight: 900;
}

.wpjb-job-list.wpjb-grid {
    padding: 0px 0;
}

/* COMPANY MEMBERSHIPS*/
.membership-single {
    width: 32%;
    padding: 15px!important;
    margin-right: 5px!important;
    border: 2px solid #ededed!important;
	margin-bottom: 10px!important;
}


.membership-single:last-child {
    margin-right:-5px !important;
}


.membership-top {
    padding: 25px 5px!important;
    text-align: center;
}


span.wpjb-bulb {
    display: none!important;
}

.membership-top h3 {
    margin-bottom:0!important;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        position: relative;
		height:4.2rem;
}

.membership-top h3:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    width: 50px;
    height: 2px;
    background-color: #cc2fff;
    margin: 0 auto;
}

.membership-single:nth-child(2) .membership-top h3{
 /*   color: #cc2fff;
    font-size: 4rem; */
}


.wpjb .wpjb-membership-product ul {
    margin: 25px 0!important;
    list-style-type: none!important;
}

.wpjb .wpjb-membership-product ul > li.wpjb-membership-item-title {
    list-style-type: none!important
}

.wpjb .wpjb-membership-product ul > li {
    margin: 0!important;
    font-size: 1.2rem;
    list-style-type: none!important;
	height:3.2rem;
}

.wpjb .wpjb-membership-product ul > li.wpjb-membership-item-title {
    padding: 15px 0!important;
}

.membership-bottom {
    padding: 15px!important;
    text-align: center;
}

.membership-bottom a {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

.membership-bottom .block:hover {
    background-color:#cc2fff;
}

.membership-bottom .block {
 background-color: #23022e;
 padding: 25px 15px;
 display: block;

}
.membership-bottom .block:last-child {
    background-color:#cc2fff;
}

.membership-bottom .block:last-child:hover {
    background-color:#23022e;
}


.membership-bottom a {
    color: #ffffff;
    font-weight: 700;
}

.wpjb-price {
    color: #ffffff;
    font-family: 'Playfair Display', serif;
    font-size: 1.9rem;
}


.membership-body {
   /* padding: 15px!important;*/
    background-color:#ffffff;
    text-align: center;
}

.membership-pricing {
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    font-size: 1.9rem;
}


@media all and (max-width: 1010px) {
    #membership-block.flex-wrapper {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .membership-single {
        width: 100%;
        margin-bottom: 25px!important;
    }

    .membership-single:nth-child(2) {
        width: 100%;
    }

    .membership-single:nth-child(2) {
    transform: scale(1);
    -webkit-transform: scale(1);
    }
}


@media all and (max-width: 560px) {
     .wpjb .wpjb-membership-product ul > li {
        margin-left: 25px!important;
        font-size: 1rem;
    }

    .page-title {
        margin: 0 0 0px 0!important;
        display: block;
        text-align: center;
    }
}


/*NEW FORM STYLES*/

.form-extra {
    position: relative;
}

.form-search-item {

    width: 21%;
    position: relative;
}


.form-drop-title {
    height: 45px;
    line-height: 45px;
    color: #666;
    border-radius: 3px;
    padding: 0 12px;
    margin: 0 9px;
    background-color: #fff;
    cursor: pointer;
}

.form-drop {
    display: none;
}


.form-drop {
    position: absolute;
    top: 65px;
    left: 10px;
    right: 0;
    border-radius: 3px;
    padding: 20px 15px;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.form-drop.form-drop-active {
    display: block;
}

ul.sub-form {
    list-style-type: none;
}

ul.sub-form li {
    display: block;
}


.form-body {
    width: 85%;
}

.search-button {
    /*width: 15%;*/
    text-align: center;
}

.inline-block {
    display: inline-block;
}

.testing-wrapp div.new {
    width: 31%;
    margin-right: 2%;
/*    float: left;*/
}

.testing-wrapp div.new:nth-child(3) {
    margin-right:0;
    width: 33%;
}

.extra-buttons {
    display: none;
}



.extra-buttons.active {
    display: block;
}


.wpjb .wpjb-form div input[type=text] {
    min-height: 55px;
}

.wpjb .wpjb-form input.wpjb-submit {
    margin: 0!important;
}

.search-form {
    width: 100%;
    max-width: 1240px;
    display: block;
    margin: 0 auto!important;
    position: relative;
    margin-top: -118px!important;
    z-index: 10;
    font-size: inherit;
    background-color: #23022e;
}

.search-form input {
    min-height: 55px;
}

a.show-opens  {
    color: #ffffff;
    text-decoration: underline;
    font-size: 1rem;
}
a.show-opens p {
    float: none;
    clear: both;
    color: #ffffff;
    width: 100%;
}

/*span.customSelect {
    font-size: 0.85714em;
    line-height: 2em;
    background-color: #fff;
    color: #686868;
    height: 45px;
    padding: 0 5px;
    border: 1px solid #686868!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
    position: relative;
}
span.customSelectInner {
    width: 100%!important;
}*/

span.customSelect {
        font:12px sans-serif;
    background:#fff url(http://i48.tinypic.com/2u7rpec.png) right center no-repeat;
    border:1px solid #ddd;
    color:#555;
    padding:25px 15px!important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px 2px;
    width:175px;
}

.form-field-wrapp {
    position: relative;
}


.custom-select {
  position: relative;
  display: inline-block;
  width: 100%;
  min-width: 180px;
  margin: 0 auto;
  z-index: 10;
}


.sidebar-search{
    margin-bottom: 1%!important;
}

.search-wrapper form .sidebar-search  .custom-select select {
    border: none;
    outline: 1px solid #e7e7e7;
    background: #FFF;
}
.custom-select select {
  border: none;
  outline: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  margin: 0;
  display: block;
  width: 100%;
  padding: 12px 55px 15px 15px;
  font-size: 14px;
  color: #333333;
  padding:15px!important;
}
.custom-select:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 100%;
  line-height: 38px;
  text-align: center;
  color: #cc2fff;
  font-size: 24px;
  border-left: 1px solid #3C1C78;
  z-index: 1;
}

/*.customSelectInner {
    background: url(img/select-arrow-green.png) no-repeat center right;
    line-height: 40px;
    padding: 0px 15px!important;
    height: 45px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/

/*.customSelectInner:after {
    content: '';
    color: #fff;
    width: 25px;
    height: 25px;
    background: url(inc/img/down-arrow.svg);
    display: block;
    background-position: center center;
    position: absolute;
    background-size: contain;
    top: 11px;
    right: 5px;
    line-height: 0.45em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}*/

.wpjb .wpjb-form div select {
    background: white;
    z-index: 100;
}

.wpjb .wpjb-form .extra-buttons label.wpjb-label {
    display: block!important;
    float: none;
    width: 100%;
    color: #ffffff;
}

.wpjb .wpjb-form .extra-buttons .wpjb-element-input-select {
    width: 25%;
    float: left;
    padding: 0 5px;
}

@media all and (max-width: 767px) {
    .search-wrapper .flex-wrapper {
        flex-direction: column;
        -webkit-flex-direction: column;
    }

    .testing-wrapp div.new {
    width: 100%;
    margin-right: 0%;
    float: none;
    }

    .testing-wrapp div.new:nth-child(3) {
    margin-right:0;
    width: 100%;
    }

    .wpjb .wpjb-form .extra-buttons .wpjb-element-input-select {
    width: 100%;
    float: none;
    padding:0;
    }

    .form-body {
        width: 100%;
    }

    span.customSelect {
        width: 100%;
    }
}

.wpjb.wpjb-overlay {
    background-color: rgba(0,0,0,.5)!important;
}

.subscribe-header {
    background-color: #ededed;
    padding: 25px 15px!important;
    text-align: center;
    border-bottom: 1px solid #d2d5d5!important;
}

.subscribe-section {
    padding: 15px!important;
    background: #e7eaea;
}

.subscribe-section h5 {
    font-size: 1.3rem;
    margin: 0;
    margin-bottom: 10px;
    display: inline-block;
}

.subscribe-section input[type="text"] {
    height: 50px;
}


.subscribe-header h2 {
    margin:0;
}

.wpjb.wpjb-overlay > div.overlay-wrap {
 padding: 0!important;
 max-width: 560px;
 width: 100%;
 min-height: 560px;
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
  box-shadow: none;
  background-color:#e7eaea;
}

.wpjb.wpjb-overlay h2 {
    font-size: 2rem!important;
}


@media all and (max-width: 350px) {
    .login-buttons a.wpjb-button {
        display: block;
        margin-bottom: 10px!important;
    }
}

#form-wrapper {
    background-color: rgba(219,219,219,0.6);
    padding: 15px;
    border-radius: 5px;
}

.wpjb .wpjb-form div input[type=text] {
        border: 1px solid #686868!important;
}

.wpjb .wpjb-myresume-detail {
    border-bottom: 0!important;
}
/*.wpjb .wpjb-form > fieldset > div, .wpjb .wpjb-form > fieldset > div > div.wpjb-field .wpjb-form > fieldset > table {
    padding:  0 15px!important;
}*/

/*Navgiation Drop Downs for the header*/
ul.register-nav {
    list-style-type: none;
}

ul.register-nav li {
    display: inline-block;
    position: relative;
        transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

ul.register-nav li a {
    display: block;
    border: 2px solid #ffffff;
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    border-radius: 3px;
    padding: 15px 35px 15px 50px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
}

ul.register-nav li:hover {
    background-color: #ffffff;
}

ul.register-nav li:hover a {
    color:#cc2fff;
}

ul.register-nav li ul.sub-menu {
    display: none;
    position: absolute;
    top:50px;
    right:0;
    z-index: 10;
    width: 300px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;

}

ul.register-nav li ul.sub-menu:before {
    content: '';
    position: absolute;
    top: -10px;
    /* left: 0; */
    right: 20px;
    height: 40px;
    width: 40px;
    background-color: #ffffff;
    display: block;
    transform: rotate(-45deg);
}

ul.register-nav li ul.sub-menu li {
    display: block;
    background-color: #ffffff;
    border-bottom: 1px solid #cc2fff;
}

ul.register-nav li ul.sub-menu li:last-child {
    border-bottom:0;
}

ul.register-nav li ul.sub-menu li a {
    color: #cc2fff;
    padding: 15px 35px;
}


/*ul.register-nav li ul.sub-menu.hover {
    display: block;
}*/

ul.register-nav li:hover > ul.sub-menu {
    display: block; /* show sub menus when hovering over a parent */
}


ul.register-nav li.register-btn {
    background-image: url(inc/img/signup.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 13% center;
    margin-right: 5px;
}

ul.register-nav li.register-btn:hover {
    background-image: url(inc/img/signup-purple.svg);
}

ul.register-nav li.login-btn {
    background-image: url(inc/img/padlock.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 13% center;
}

ul.register-nav li.login-btn:hover {
    background-image: url(inc/img/padlock-purple.svg);
}

.wpjb-search .wpjb-input.wpjb-input-type-half.wpjb-input-type-half-left {
    position: relative!important;
}

span.customSelect  {
    position: relative;
}

.description-text p {
    margin: 1em 0!important;
}

.wpjb a.wpjb-button {
    color: #cc2fff;
    display:none;
}

.wpjb a.wpjb-button:hover {
    color: #ffffff!important;
}

.wpjb .wpjb-form > fieldset > div {
    position: relative;
}

.wpjb .wpjb-form div.wpjb-element-name-category label.wpjb label,
.wpjb.wpjb-form-nested .wpjb-form  label.wpjb {
    display:block!important;
}

.wpjb-element-name-started_at label.wpjb-label {
    display: block!important;
}


.text-page a {
    color: #cc2fff;
    text-decoration: none;
}

.text-page ul {
    margin-left: 50px;
}

.text-page ul li {
    color: #333333;
    line-height: 1.4;
    font-weight: 400;
    font-size: 1.2rem;
}


.text-page h3 {
    font-size: 1.7rem;
}
@media all and (max-width: 676px) {
    .text-page ul li {
        font-size: 1rem;
    }
}

.form-bg {
    background-color: rgba(219,219,219,0.4)!important;
    padding: 10px 15px!important;
}

.form-bg input[type="text"]{
    min-height: 55px;
    padding:15px 25px!important;
}

#wpjb-apply-form fieldset.wpjb-fieldset-apply .wpjb-element-name-message,
#wpjb-apply-form fieldset.wpjb-fieldset-apply .wpjb-element-name-file {
    padding: 0 15px!important;
}

.testing-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    display: -webkit-flex;
}


@media all and (max-width: 1090px) {
    .form-body {
        width: 100%;
    }
}

@media all and (max-width: 800px) {
    .testing-wrapp {
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .testing-wrapp div.new,
    .testing-wrapp div.new:nth-child(3) {
        width:100%;
        margin: 0 ;
    }

    .wpjb .wpjb-tag {
        display: block;
    }


}

.wpjb.wpjb-page-job-application .wpjb-text-box {
    padding: 15px!important;
    background-color: transparent!important;
}

.wpjb.wpjb-page-job-application .wpjb-text-box .wpjb-text:nth-child(even) {
    background-color: transparent!important;
}

#wpjb-top-search select {
    z-index: 999999;
}

body .wpjb .wpjb-application-change-status {
    position:     relative;
}

.wpjb .wpjb-application-change-status-dropdown {
    z-index: 999999;
}

div.wpjb-am-chbox-label {

   /* background-color: #ffffff!important;*/

}
div.wpjb-am-chbox-label {
    background-color: #ffffff!important;
    border-color: #ffffff!important;
}


.entry-content label.wpjb-am-box-method.wpjb-am-active div.wpjb-am-chbox-label, label.wpjb-am-box-method.wpjb-am-active div.wpjb-am-chbox-label {
    background-color: #23022e!important;
}

a.wpjb-am-method, a.wpjb-am-method:visited, .entry-content a.wpjb-am-method:visited {
    font-size: 1.2rem;
}

div.wpjb-am-chbox-label {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    float: left;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 3px;
    margin-top: 0;
}

label.wpjb-am-box-method {
    display: block!important;
    margin-bottom: 15px!important;
}

div.wpjb-am-chbox-label {
    background-color: #ffffff;
}

label.wpjb-am-box-method input[type="checkbox"] {
    display: none!important;
}

div.wpjb-am-chbox-label {
/*    width: auto!important;
     height:auto!important;*/
    background-color: #e6e6e6;
    float: none!important;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 3px;
    margin-top: 0;
}

label.wpjb-am-box-method {
    background-color: transparent!important;
}

.wpjb-am-chbox {
    z-index:1!important;
}

span.address {
    text-transform: capitalize!important;
}


#uni-header {
    margin-bottom: 50px;
}

#uni-header h3 {
    color: #333333;
}

.uni-content {
    padding: 50px 0!important;
}


.uni-content ul li {
    color: #333333;
    line-height: 1.4;
    font-weight: 400;
    font-size: 1.2rem;
}

@media all and (max-width: 767px) {
    .uni-content {
        padding: 25px 0!important;
    }
}

#contact-details .icon-box a {
display: block;
margin-top: 25px;
}
div.wpjb-am-chbox-label {
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    float: left;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 3px;
    margin-top: 0;
}
.wpjb .wpjb-form div label.wpjb-label {
    width: auto!important;
}

.wpjb-page-job-applications .wpjb-grid .wpjb-grid-row {
    padding: 25px 15px;
}


.wpjb .wpjb-application-change-status-dropdown {
    width: 100%!important;
}


.wpjb .wpjb-form div textarea {
    font-size: 1.2rem;
}

.wpjb .wpjb-form div textarea, .wpjb .wpjb-form div select, .wpjb .wpjb-form div input[type=text], .wpjb .wpjb-form div input[type=password] {
    font-size: 1.1rem!important;
}

.candidate-image .candidate-profile-image {
    display: none;
}