/*
 Theme Name:   Effective Learning THEME
 Theme URI:    https://effectivelearning.co.uk
 Description:  Effective Learning - custom theme for sales site, excluding all e-learning functions
 Author:       Effective Training & Development Ltd
 Author URI:   https://effectivelearning.co.uk
 Version:      2.0
*/



html, * {
    scroll-behavior: smooth !important;
}

html {
    --shrink: 1;
}

html, body {
    height: 100%;
	margin: 0px;
}

body {
    position: relative;
	overflow: overlay;
}




figcaption {
  font-size: 16px;
  color: var(--color);
  line-height: 1.4;
  font-style: italic;
  font-weight: var(--font-wt); 
}


figure {
  margin: 0px;
}


img, svg {
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
}




/*
 * 
 * 
 * SCROLLBARS
 * 
 * 
 */
 
::-webkit-scrollbar-corner { display: none !important; }
::-webkit-scrollbar {  width: 10px; height: 10px; background: transparent; background: #06253d;}
::-webkit-scrollbar-track {  background: transparent; background: #06253d; }
::-webkit-scrollbar-thumb { border-radius: 10px; background: #51748e66; background: #ffffff66;  }
::-webkit-scrollbar-thumb:hover { background: #51748e85; background: #ffffff99;  }


/*sales site = blue bg*/
::-webkit-scrollbar-thumb { background: #6b9abc55;  }
::-webkit-scrollbar-thumb:hover { background: #6b9abc85; }


/*inside pages*/
.content *::-webkit-scrollbar {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}



/**************** BASIC PAGE SET UP - NEEDS WORK & TO BE MOVED TO RELEVANT TEMPLATE STYLESHEETS *******************/


div, header, footer, article, section, span, figcaption, figure {
 box-sizing: border-box;
 background-repeat: no-repeat;
}



#page,
#page > #content, 
#page > #content > #primary,
#page > #content > #primary > #main,
#page > #content > #primary > #main > article,
#page > #content > #primary > #main > .archive_article {
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    flex: 1;
}


/*BOXED & FULL WIDTH*/

  
.page_container {
    position: relative;
    flex: 1;
}
.page_container:before {
    content: "";
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 120px;
    background: var(--page-color);
    position: absolute;
}


/*.page_container > .page.boxed */ .boxed {
    width: 1150px;
    max-width: 90%;
    margin: auto;
}

/*.shape_div + .page.boxed {
    min-height: 800px;
}
*/


.wide_boxed_outer {
}

.wide_boxed_inner {
    width: 1400px;
    max-width: 85vw;
    margin: auto;
    padding: 60px 0;
}
.responsive_padding.wide_boxed_inner {
    padding-top: 60px;
    padding-bottom: 60px;
}






/*PAGE TOPS*/


.above_page {
    padding: 50px;
}

.below_page {
    padding: 20px 10px 0;
}

.above_page .title_intro h1, .above_page .title_intro h2 {
    text-align: center;
    max-width: 70vw;
    margin: auto;
    margin-bottom: 0.5em;
}



/*FROM MODULE STYLE PAGE*

@media only screen and (min-width: 1210px) {

    .boxed {
    margin: auto;
    max-width: 90%;
    } 
    .boxed.shadow {
    width: 1170px;
    } 
        
}    
    

@media only screen and (min-width: 1041px) {
        .hide_above_1040 {
            display: none !important;
        }
}  

@media only screen and (max-width: 1040px) {
        .hide_below_1040  {
            display: none !important;
        }
    
    .bubble_logo {
            
        background-color: #ffffff22;
            height: 80px;
            width: 100%;
            padding: 10px;
                top: 0;
    bottom: unset;
    position: sticky;
    z-index: 1;
    border-bottom: 2px solid;
    background-color: #06253daa;
        }
        .bubble_logo img {
            object-position: left;
            object-fit: contain;
        }
        
        .flex_col_below_1040 {
            flex-direction: column;
        }
        .tabs_wrapper button {
            flex: 1;
        }        
        .above_page.boxed {
            padding-bottom: 20px;
        }
        
        .above_page.boxed .col_1 h1, .above_page.boxed .col_1 * {
            text-align: center;
        }
}         
         
@media only screen and (min-width: 770px) {
        .hide_above_770  {
            display: none !important;
        }

}



@media only screen and (max-width: 770px) {
    .above_page .title_intro h1 {
    max-width: unset;
    }
        .hide_below_770  {
            display: none !important;
        }

    .boxed {
        max-width: calc(100vw - 20px);
    }   

    .page_container.single_style {
        padding: 0px;
    }
    
    .below_pod {
        height: 70px !important;
    }
}

@media only screen and (min-width: 480px) {

        .hide_above_480  {
            display: none !important;
        }
} 
@media only screen and (max-width: 480px) {

        .hide_below_480  {
            display: none !important;
        }

        
.blog_1 .below_page.boxed .upsell {
    padding: 25px 5px 0 15px  
            }
}  


*/




/*** std css via class ***/

.flex_col {
    display: flex;
    flex-direction: column;
}
.flex_row {
    display: flex;
    flex-direction: row;
}
.flex_wrap{
    display: flex;
    flex-wrap: wrap;
}

.flex_center {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.transparent {
    opacity: 0;
}

.center_text {
    text-align: center;
}


.multi_col_layout {
    column-width: 350px;
    display: block;
    column-gap: 4%;
}

.multi_col_layout.no_break {
    position: relative;
}
.multi_col_layout.no_break > .no_break {
    position: relative;
    -webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.padding {
	padding: 4%;
}




/*


.responsive_padding, .responsive_padding > div {
    padding: 25px;
    --r-pad: 25px;
}
@media(max-width: 1250px) {
    .responsive_padding, .responsive_padding > div {
        padding: 1.5vh 1.5vw;
        --r-pad: 1.5vh 1.5vw;
    }
}
@media(max-width: 900px) {
    .responsive_padding, .responsive_padding > div {
        padding: 2vh 2vw;
        --r-pad: 2vh 2vw;
    }
}
*/






/**************** COOKIE NOTICE PLUGIN *******************/


#cookie-notice .cookie-notice-container {
    font-family: var(--font);
    padding: 20px;
    text-align: center;
    display: flex;
    gap: 20px;
    align-items: center;
}
.cookie-notice-container a {
    font-family: var(--font) !important;
    text-transform: lowercase !important;
    background-color: var(--accent-1) !important;
}
.cookie-notice-container a:hover {
    background-color: var(--accent-2) !important;
}

#cookie-notice a {
font-size: 14px;
}




/**************** OTHER EXTERNAL PLUGINS *******************/

.dp-reader-scrollbar, .dp-ui, .dp-sidemenu-wrapper {
    z-index: 1 !important;
}

/*
.rank-math-breadcrumb {
    display: none;
}*/


.hbspt-form {
    width: 100%;
}


/**************** HIDE & VISIBILITY CONTROLS *******************/

.hide, #hide {
    display: none;
}