/*
 Theme Name:   PTS Compliance Child Theme
 Author:       Dynamic Pear
 Author URI:   https://www.dynamicpear.co.uk/
 Template:     Divi
 Version:      1.0.0
*/
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKWyV9hrIqOxjaPX.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v18/memnYaGs126MiZpBA-UFUKXGUdhrIqOxjaPX.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/opensans/v18/mem5YaGs126MiZpBA-UNirkOUuhpKKSTjw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*****Add any custom CSS below this line*****/

.et_header_style_left #et-jl-navigation nav > ul > li > a,
.et_header_style_left .et-fixed-header #et-jl-navigation nav > ul > li > a {
 padding-bottom: 15px;
}
#top-menu li {
 padding-right: 5px;
}
#et-jl-navigation {
 padding: 20px 0 !important;
}
#top-menu li a {
 background: #C1B2AB; /*** CHANGES THE BACKGROUND COLOR ***/
 padding: 15px 20px;
 border-radius: 3px;
}
#top-menu li a:hover,
#top-menu li li a:hover {
 color: #fff !important;
}
#top-menu li a:hover {
 background: #559CAD !important; /*** CHANGES THE BACKGROUND COLOR ON HOVER ***/
}
#top-menu li.current-menu-item > a {
 background: #edc77b; /*** CHANGES THE BACKGROUND COLOR OF THE CURRENT PAGE LINK ***/
}
#top-menu .menu-item-has-children > a:first-child:after {
 content: none;
}
/* Menu Padding Horizontal */

.dtb-menu ul li a {
padding-right: 20px !important;
padding-left: 20px !important;
}

/****** Vertically center rows in sections and modules in columns *******/
.ds-vertical-align {
display: flex;
flex-direction: column;
justify-content: center;
    }
/* remove divi default effects for items with a drop down menu */
  .dtb-menu .menu-item-has-children > a::after {
    display: none;
  }
/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1200px ) {
.SDI {
text-align: right;
	}
}
/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 350px ) and ( max-width: 800px ) {
.pb_menu {
align: left;
	}
}
h1, h2, h3, h4, h5, h6 {
    overflow-wrap: normal;
}
/* Hide footer */

#main-footer {
    height: 0 !important;
    overflow: hidden;
}

.single .et_pb_post {
 margin-bottom: 0;
 padding-bottom: 0;
}
#left-area {
 padding-bottom: 0 !important;
}
	/* button fullwidth */
et_pb_button {
width: 100%;
text-align: center;
}
	/* blog removing space at top */
.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) .et_post_meta_wrapper {
    width: 80%;
    max-width: 1080px;
    margin: auto;
    padding-top: 1%;
}
/* bdrpdown menu vertical spacing */
.nav li li {
    position: relative;
    line-height: 1.4em;
}
/** removes requirement for dashicons in order to add checkboxes :/ **/
body .et_pb_contact p input[type="checkbox"]:checked + label i::before,
body .et_pb_subscribe .et_pb_contact_field input[type="checkbox"]:checked + label i::before {
    content: '\2713';
	font-family: 'auto';
    width: 12px;
    height: 14px;
}

.et-pb-contact-message {
color: #ffffff    ;
font-size: 16px;
text-align: center;
}

/** elearning courses **/

.archive-header {
    margin-bottom: 2rem;
}

#archive-header p {
    font-size: 0.8125rem;
}

#archive-content h3 {
    font-size: 1.3125rem;
}
#archive-content p {
    font-size: 0.875rem;
}
.taxonomy-nav ul, .content-listing {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2rem;

    justify-content: space-between;
}
.taxonomy-nav ul {
    justify-content: center;
}
.taxonomy-nav li {
    width: 45%;
    min-height: 1.7rem;
    line-height: 1;
    border-radius: 3px;
    background-color: #103a5e;
    margin:2%;
    padding: 0.2rem 0;
}

.content-listing .listing {
    margin-bottom: 2rem;
    background-color: #dce9f4;
    border: 1px solid rgba(196,211,225);
    padding: 1rem 1rem 3rem;
    position: relative;
}

#archive-content .content-listing .listing h3 {
    font-size: 1.125rem;
    line-height: 1.4;
    color: #0a5395;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 1rem;
}
.content-listing .listing a {
    background-color: #f78d2b;
    color: #fff;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    font-weight: bold;
    border-radius: 0.2rem;
    position: absolute;
    bottom: 1.2rem;
}
@media screen and (min-width:480px){
    .content-listing .listing {
        width: 45%;
    }
}
@media screen and (min-width:960px){
    .taxonomy-nav li {
        margin: 0 0.2rem;
        width:17%;
    }
    .content-listing .listing {
        width: 30%;
    }
}
.taxonomy-nav li a {
    line-height: 1.7rem;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    font-weight:bold;
}

.blog .taxonomy-nav .cat-item-all,
.taxonomy-nav .current-cat,
.taxonomy-nav li:hover,
.taxonomy-nav li:focus {
    background-color: #f78d2b;
}

.pagination {
    overflow: hidden;
}
.pagination ul {
    margin: 1rem 0 0;
    padding: 0;
    float: right;
    list-style-type: none;
}
.pagination li {
    display: inline-block;
    margin-bottom: 2rem;
}
.pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled {
    background-color: #fff;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
    text-decoration: none;
    color: #0a5395;
}

.pagination li a:hover, .pagination li.active a {
    background-color: #f78d2b;
    color: #fff;
}

.blog #main-content,
.archive #main-content {
    background-color: #2f6c9e;
    background-size:cover;
    background-position: center;
    padding: 0 6%;
}
.blog #main-content > div,
.archive #main-content > div {
    padding-top: 28px;
}
.blog #main-content > img,
.archive #main-content  > img {
    width: 100%;

}

.archive-header {
    text-align: center;
    color:#fff;

}

.blog h4, .blog p, .archive h4, .archive p {
    margin: 1rem 0;
}

.archive-header .archive-title {
    font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: 600;
    color: #fff !important;
    text-transform: uppercase;
    line-height: 1.1;
}
.blog .archive-header p, .archive .archive-header p{
    margin:0
}
@media screen and (max-width:980px){
    .blog #main-content , .archive #main-content {
        background-image:none!important;
        padding:0;
    }
    .blog .archive-header, .archive .archive-header {
        width: 80%;
        margin: 0 auto 2rem;
        padding-bottom: 2rem;
    }

}
@media screen and (min-width:981px){
    .blog #main-content,.archive #main-content {
        min-height: 400px;
        margin-bottom: 2rem;
    }
    .blog #main-content > img ,.archive #main-content > img {
        display: none;
        visibility: hidden;
    }
    .blog .archive-header, .archive .archive-header {
       background-color: transparent;
       padding: 67px 8% 10%;
       margin-left: 10%;
       margin-right: 40%;
    }
    .blog .archive-header > div, .archive .archive-header > div {
        background-color: rgba(10,83,149,.72);
        padding: 2rem;
        text-align: left;
    }
}
@media screen and (max-width:767px){
   .et_pb_section_3 :not(.et_pb_row_1) .et_pb_column .et_pb_text {
        width: 80%;

    }
   .et_pb_section_3 :not(.et_pb_row_1) .et_pb_column.et_pb_css_mix_blend_mode_passthrough .et_pb_text h1{
         font-size: 1rem;
    }
}

/*
my-certificate styles
*/

#secure-client-area-declaration {
    display: flex;
    flex-direction: row;
    background-color: #D6E7F4;
    font-size: 1rem;
    font-weight: 600;
    height: auto;
}

#secure-client-area-declaration__msg {
    display: inline-flex;
    align-content: center;
}
#secure-client-area-declaration__msg-image {
    display: inline-block;
    height: 1.7rem;
    padding: 0.2rem;
    margin-top: 0.3rem;
}
#secure-client-area-declaration__msg-text {
    display: inline-block;
    vertical-align: middle;
    padding: 0.5rem 0.1rem;
}


#secure-client-area-declaration__logged-in-as {
    display: inline-block;
    float: right;
    padding: 0.5rem 0.2rem;
    padding-right: 0.6rem;
}

@media screen and (max-width: 800px) {
    #secure-client-area-declaration {
        flex-direction: column;
    }
    #secure-client-area-declaration__logged-in-as {
        margin-right: 100px;
        float: none;
    }
}
@media screen and (max-width: 700px) {
    #secure-client-area-declaration__logged-in-as {
        margin-right: auto;
    }
}

.account-header .account-title { margin: -2.3rem 0 0.2rem; }

.grey-content {
    background-color: #ebebeb;
    padding: 1rem;
}

.account-header .grey-content > div {
    display: flex;
    flex-direction: row;
}

.account-header .grey-content > data {
    display: flex;
    flex-direction: column;
    padding-left: 1rem;
    padding-top: 1rem;
}

.grey-content #company-logo {
    display: inline-block;
    width: 4.5rem;
    height: auto;
    margin-top: 0.2rem;
    margin-left: 0.9rem;
    margin-right: 2rem;
}

.grey-content #company-details {
    display: inline-flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: center;
    margin-left: 1rem;
    line-height: 1.25;
}

.grey-content #company-details #company-name {
    font-size: 1.2rem;
}
.grey-content #company-details #company-address {
    font-size: 1.05rem;
}

content .account-title {
    margin-top: 2.8rem;
}

.certificate-tab {
    display: inline-block;
    padding: 15px 25px;
    border-bottom: none;
    text-align: center;
    background-color: #103a5e;
    color: white;
    font-size: 11pt;
}

.certificate-tab:hover {
    background-color: #f78d2b;
    border: 1px solid #f78d2b;
    margin: -1px;
}

.my-certificates .js-tabs {
    padding: 1rem;
    margin-top: 2.2rem;
    margin-right: -1.1rem;
}

.my-certificates .js-tablist {
    display: flex;
    flex-grow: all;
    align-items: stretch;
    position: relative;
    top: -2.85rem;
    margin-left: -1.1rem;
    margin-bottom: -2rem;
}

@media only screen and (max-width: 600px) {
  .my-certificates .js-tablist {
    flex-direction: column;
  }
}

.js-tablist__link {
    align-self: center;
    color: #fff;
    font-size: 1.1rem;
}

.js-tablist__item {
    display: inline-flex;
    align-content: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    border-right: 2px solid white;
    padding: 0.6rem 1rem;
    background: #103A5F;
    cursor: pointer;
    transition: background 0.5s;
}

.js-tablist__item.active {
    background: #F28C0F;
}
.js-tablist__item:hover:not(.active) {
    background: #BF6E0B;
}

.my-certificates .js-tabcontent {
    overflow: hidden;
    margin-bottom: 2rem;
    margin-left: -1.1rem;
}

.certificate {
    display: flex;
    align-items: center;
    margin-bottom: 0.2rem;
    padding: 0.8rem 2.1rem;
}
.certificate > a {
    font-weight: bold;
}
.certificate > a, .certificate > p {
    width: 100%;
    display: inline-flex;
    align-items: center;
    color: #103A5F;
    font-size: 0.9rem;
}
.certificate > .right {
    display: inline-block;
    text-align: right;
}

.certificate .attachment-thumbnail {
    float: left;
    width: 4rem;
    height: auto;
    margin-right: 1.8rem;
    margin-left: 0.55rem;
}
.my-certificates h3, .my-certificates h4,
.certificate, .certificates-list {
    clear: left;
    overflow: hidden;
}
.certificate_nexttest {
    background-color: #F28C0F;
    color: white;
    font-size: 1rem;
    padding: 0.3rem 1rem;
    margin-top: 0.7rem;
    margin-bottom: 0.5rem;
}

.account-header .account-header-top-row{
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.certificates-logout{
    align-content: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    border: none;
    padding: 0.6rem 1rem;
    background-color: #103A5F;
    cursor: pointer;
    max-width: fit-content;
    transition: background-color 0.5s;
    margin: -2.3rem 0 0.2rem;
}
.certificates-logout:hover{
    background-color: #F28C0F;
}

.certificates-logout a{
    color: #fff;
    font-size: 1.1rem;
}

@media only screen and (max-width: 600px) {
    .certificate {
        flex-direction: column;
    }
    .certificate > .right {
        display: block;
        padding: 0.5rem;
        text-align: left;
    }
}

/* Google reviews logo */
.google-reviews-logo {    
    margin-bottom: 12px;
}

@media only screen and (min-width: 980px) and (max-width: 1089px) {
    .google-reviews-logo {
        margin-bottom: -40px;
        margin-right: 200px;
    }
}