/* ========================================================
Author - FUSIO (https://fusio.net/)
==========================================================*/
/***********************
Imports
***********************/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');


/***********************
Reusable Styles
***********************/


/*color*/
.color-white{ color:#fff!important; }
.color-black{ color:#000!important; }
.color-grey{ color:#e3e3e3; }
.color-grey-dark{ color:#444; }
.color-grey-light{ color:#f1f1f1; }
.color-green{ color:#10d6b3; }
.color-green-light{ color:#bbf3e9; }
.color-green-lighter{ color:#eefffc; }
.color-orange{ color:#FEC057; }
.color-orange-light{ color: #fffbf4; }
.color-orange-dark{ color: #be8f42; }
.color-red{ color:#EE3124; }
.color-red-light{ color:#ff4a4a; }
.color-red-lighter{ color: #fff0ef; }
.color-blue{ color:#71c2e1; }
.color-blue-dark{ color:#2a4076; }
.color-blue-light{ color:#ebf9ff; }
.color-blue-sky{ color:#00adef; }
.color-blue-sky-dark{ color:#0881b3; }
.color-purple{ color:#8224e3; }

/*background color*/
.bg-color-white{ background-color:#fff; }
.bg-color-transparent-white{ background-color:rgba(255,255,255,0.5); }
.bg-color-black{ background-color:#000; }
.bg-color-transparent-black{ background-color:rgba(000,000,000,0.5); }
.bg-color-grey{ background-color:#e3e3e3; }
.bg-color-grey-dark{ background-color:#444; }
.bg-color-grey-light{ background-color:#f1f1f1; }
.bg-color-green{ background-color:#10d6b3; }
.bg-color-green-light{ background-color:#bbf3e9; }
.bg-color-green-lighter{ background-color:#eefffc; }
.bg-color-orange{ background-color:#FEC057; }
.bg-color-orange-light{ background-color:#fffbf4; }
.bg-color-orange-dark{ background-color:#be8f42; }
.bg-color-red{ background-color:#EE3124; }
.bg-color-red-light{ background-color:#ff4a4a; }
.bg-color-red-lighter{ background-color: #fff0ef; }
.bg-color-blue{ background-color:#71c2e1; }
.bg-color-blue-dark{ background-color:#2a4076; }
.bg-color-orange-light{ background-color: #fffbf4; }
.bg-color-blue-light{ background-color:#ebf9ff; }
.bg-color-blue-sky{ background-color:#00adef; }
.bg-color-blue-sky-dark{ background-color:#0881b3; }
.bg-color-purple{ background-color:#8224e3; }

/*fonts*/
.font-weight-light{ font-weight:300; }
.font-weight-regular{ font-weight:300; }
.font-weight-bold{ font-weight:700; }

/*text-shadow*/
.text-shadow-none{ text-shadow:0px 0px #000; }
.text-shadow-black{ text-shadow:2px 2px #000; }

/*box-shadow*/
.box-shadow-sm-left{ --box-shadow-color: #f1f1f1; box-shadow:-5px 5px 0px var(--box-shadow-color); }
.box-shadow-sm-right{ --box-shadow-color: #f1f1f1; box-shadow:5px 5px 0px var(--box-shadow-color); }
.box-shadow-left{ --box-shadow-color: #f1f1f1; box-shadow:-20px 20px 0px var(--box-shadow-color); }
.box-shadow-right{ --box-shadow-color: #f1f1f1; box-shadow:20px 20px 0px var(--box-shadow-color); }
/*box-shadow-color*/
.box-shadow-grey{  --box-shadow-color: #f1f1f1; }
.box-shadow-grey-dark{ --box-shadow-color: #d1d1d1; }


/*image*/
.bg-img{ background-size:cover; background-repeat:no-repeat; background-position:center center; }

/*border*/
.border-radius{ border-radius:2rem; }
.border-radius-small{ border-radius:1.2rem; }
.border-radius-smaller{ border-radius:0.5rem; }
.border-radius-circle{ border-radius:50%; }
.border-radius-drop{ border-radius:0 50px 0 50px; }
.border-radius-drop-smaller{ border-radius:0 20px 0 20px; }

.border-grey{ border:2px solid #e3e3e3; }

.nav-icons{ margin: 0 1rem 1rem 0; }

.nav-icons a{ display: block; width:100%; background-color: #f1f1f1; padding:0.75rem 1.5rem 0.75rem 1rem; border-radius:20px; text-decoration: none; transition: all .3s; transform:scale(1); display:inline-flex; align-items:center; }
.nav-icons a:hover{
	 transform:scale(1.05);
}
.nav-icons i {
}
.nav-icons i {
	font-family: "web-wise";
    font-size: 2rem;
    text-align: left;
    display: table;	
    height: 32px;
    vertical-align: middle;
    line-height: 32px;
}
.nav-icons .icon-label {
    text-align: left;
    width: 100%;
    display: block;
    color: #383838;
    font-weight: 600;
    font-size: 1rem;
	text-decoration:none;
	padding:0 0.5rem;
}
.nav-icons.red i {color:#d9311a;}
.nav-icons.blue i {color:#0D9FDA;}
.nav-icons.gray i {color:#849793;}
.nav-icons.purple i {color:#9a44d8;}
.nav-icons.green i {color:#2f4174;}
.nav-icons.yellow i {color:#fdc247;}

.ww-off-white-bg .vc_column-inner > .wpb_wrapper {
	background:#fefefe;
}

.ww-light-grey-bg .vc_column-inner > .wpb_wrapper {
	background:#f1f1f1 ;
}

body img.triangles-01{ position:absolute; bottom:0; left:0; width:500px; z-index:1; opacity:0.5; -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
/*body.on-scroll img.triangles-01{ bottom:0; left:0; width:400px; opacity:0.25; }*/
body img.triangles-02{ position:absolute; top:0; right:0; width:300px; z-index:1; opacity:0.5; -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
/*body.on-scroll img.triangles-02{ top:0; right:0; width:250px; opacity:0.25; }*/
section .container{ position:relative; z-index:2; }

body img.triangles-img-bg{ position:absolute; top:-30%; right:0; z-index:0; max-width:40%; opacity: 0.25; }

body img.triangles-mix-01-bw{ position:absolute; top:0; right:0; z-index:0; max-width:30%; opacity: 0.25; }
body img.triangles-mix-02-bw{ position:absolute; top:0; left:0; z-index:0; max-width:40%; opacity: 0.2; }

body.logged-in.edit-profile .wppb-gdpr-delete-button{ background-color: #ffdee1; padding: 20px; margin-top:30px!important; border:1px solid #f00; }
.wppb-gdpr-delete-button label{ float: none; width: 100%; }
.wppb-gdpr-delete-button .wppb-description-delimiter{ margin-left:0; margin-top:10px; font-weight:bold; }
.wppb-gdpr-delete-button .wppb-delete-account{ background-color: #dc3545; color: #fff; border: 0; padding: 10px;     margin: 20px 0 10px 0; }

.gfield_description p a{ text-decoration:underline!important; }

/***********************
HTML Tags Styles
***********************/
/* basic tags */
body{ overflow-x:hidden; background-color:#efedee; font-family: 'Montserrat', sans-serif;  font-weight:400; }
/*Text*/
h1{  }
h2{  }
h3{  }
a{  }
a:hover{ text-decoration:none; }
p{  }
strong{  }

/*list*/
ul{  }


/***********************
Form
***********************/
input{  }


/***********************
TOP NAVIGATION
***********************/
.navbar, .navbar *{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.navbar .animated{ animation-duration:0.5s; }
.navbar-brand{ -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.navbar-brand img{ width:300px; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }

.main-nav .navbar-nav{ background-color: #fff; border-radius: 20px;  }
.main-nav ul li{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.main-nav .nav-item{ margin:0 0.15rem; }
.main-nav .nav-link{ -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.main-nav .nav-link{ font-size:1.2rem; font-weight:500; color:#000; }
.main-nav .nav-item-3196 .nav-link{ font-weight:900; }
.main-nav .nav-link:focus, .main-nav .nav-link:hover, .current-menu-item .nav-link{ text-decoration:underline; }


.top-nav .nav-link{ font-size:0.9rem; font-weight:600; color:#000; }
.top-nav .nav-item a i{ padding-top:5px; }
.top-nav .nav-item a.nav-search i{ font-size:0.7rem; }
.top-nav .nav-item-language{ margin:0 30px; }

/*dropdown*/
.dropdown-menu{ background-color:#fff; padding:5px; border:3px solid #000; border-radius:8px; }
.navbar-nav .dropdown-menu a.dropdown-item{ font-size:1rem; font-weight:600; color:#000; }
.navbar-nav .dropdown-menu a.dropdown-item:hover{  }

/*mobile navigation toggler*/
.navbar-toggler:focus, .navbar-toggler:active{ outline: 0; }
.icon-bar{ width:40px; height:6px; display: block; -o-transition: all ease-in-out 0.2s; transition: all ease-in-out 0.2s; margin-top:7px; } 
.icon-bar.top-bar{ margin-top:0px; } 
.navbar-toggler{ border: none; }
.navbar-toggler .top-bar{ transform:translate(2px,13px) rotate(45deg); }
.navbar-toggler .middle-bar{ opacity: 0; }
.navbar-toggler .bottom-bar{ transform:translate(2px,-13px) rotate(-45deg); }
.navbar-toggler.collapsed .top-bar{ transform: rotate(0); }
.navbar-toggler.collapsed .middle-bar{ opacity: 1; }
.navbar-toggler.collapsed .bottom-bar{ transform: rotate(0); }


/***********************
FOOTER
***********************/
#footer{ background-color:#fff; border-top:4px solid #1c3e7a; }
.footer-logo{  }
#footer h2{  }
#footer button{  }
#footer ul li a{ color:#000; }
#footer .social a{ font-size:2.4rem; }
/***********************
CONTENT SECTIONS
***********************/
ul.pagination li a{  }
ul.pagination li:hover a, ul.pagination li.active a{  }

/*section-hero*/
.section-hero{ overflow:hidden; position:relative; padding:200px 0 200px 0; }
.section-hero, .section-hero .container{ min-height:calc( 100vh - 400px ); }
.section-hero .container{  }
.section-hero{  }
.section-hero h1{  }
.section-hero h1 a{ color:#000; text-decoration:underline; }
.section-hero .arrow-anchor{ text-align:center; }
.section-hero .arrow-anchor i{ font-size:4rem; font-weight:900; }
.section-hero a{ text-decoration:none; }
.icon-normal{ font-size:40px!important; line-height:1!important; }
.icon-medium{ font-size:60px!important; line-height:1!important; }
.icon-big{ font-size:80px!important; line-height:1!important; }

.find-resources-box{ box-shadow: 5px 5px 0px rgb(235 243 250);border:2px solid #e3e3e3;border-radius: 20px; }
.find-resources-box input, .find-resources-box select{ border: 2px solid #2f4174; }


.section-hero-single, .section-hero-single .container{ height:auto; min-height: 30vh; }
.section-hero-single .container{ margin-top:200px; }
body.page .section-hero-single:before{  display:block; content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0; z-index:1; }
.section-hero-single a svg{ width:32px; height:32px; }
.section-hero-single a{ text-align:center; }
.section-hero-single .nav-icons a{ background-color:rgba(241,241,241,1); }
.section-hero-single .nav-icons .icon-label{ color:#000; }
.section-hero-single .breadcrumb{  }
.section-hero-single .breadcrumb a{ color:#000; text-decoration:underline; }

.section-flyoutbuttons{ position:fixed; top:50%; right:0; z-index:99999; }
body.page .section-flyoutbuttons{ top:30%; }
.section-flyoutbuttons button{ border-radius:20px 0 0 20px; border:0; -webkit-transition: all linear 0.25s; -moz-transition: all linear 0.25s; -o-transition: all linear 0.25s; transition: all linear 0.25s; }
.section-flyoutbuttons button:hover{ padding-right:50px!important; }


a.border-radius-drop{ text-decoration:none; }

.section-highlight{ min-height:50vh; display:flex; align-items:start; }
.section-highlight .container{ max-width:1100px; }
.section-highlight h2{ font-weight:900; }
.section-highlight img{ max-width:250px; }
.section-highlight .nav-icons .icon-label, .section-highlight .nav-icons i { text-align:center; }
.section-highlight .nav-icons a { background-color: #ebf9ff; }

.section-parents{ min-height:100vh; display:flex; align-items:center; }
.section-parents h2{ font-weight:900; }
.section-parents .container img{ box-shadow: 20px 20px 0 #dfe7fe; }
.section-parents .nav-icons a { background-color: #dee7ff; box-shadow: 3px 3px 0 #2f4174; }

.section-teachers{ min-height:100vh; display:flex; align-items:center; position:relative; }
.section-teachers h2{ font-weight:900; }
.section-teachers .container img{ box-shadow: 20px 20px 0 #fff2da; }
.section-teachers .nav-icons a { background-color: #fff2da; box-shadow: 3px 3px 0 #f6c152; }

.section-news{  }
.section-news h2{ font-weight:900; }
.section-news a{ color:#000; text-decoration:none; font-weight:bold; }
.section-news a.btn-readmore{ background-color: #ae0b00; color:#fff; }
.section-news img{ box-shadow:10px 10px 0px #cddce4; }

.section-videos{  }
.section-videos h2{ font-weight:900; }
.section-videos a{ color:#000; }
.section-videos a.btn-readmore{ background-color: #ae0b00; color:#fff; }
.section-videos img{ box-shadow:5px 5px 0px rgba(255,255,255,1); }

.section-explainers{ min-height:100vh; display:flex; align-items:center; }
.section-explainers h2{ font-weight:900; }
.section-explainers a{ color:#000; text-decoration:none; font-weight:bold; }
.section-explainers a.btn-readmore{ background-color: #ae0b00; color:#fff; }
.section-explainers img{  border-radius:5px; padding:2px; }

.section-findresources{ }
.section-findresources h2{ font-weight:900; }
.section-findresources a{ color:#000; }
.section-findresources a.btn-readmore{ background-color: #ae0b00; color:#fff; }
.section-findresources img{  border-radius:5px; padding:2px; }

.section-gethelp h2{ font-weight:900; }

.section-SaferInternetDay{  }
.section-SaferInternetDay h2{ font-weight:900; }
.section-SaferInternetDay a:not(.bg-color-blue-dark){ color:#000; }
.section-SaferInternetDay img{  }
.section-SaferInternetDay .svg_icon{ margin:0 auto; height:32px; width:32px;display: block }

body.archive .top-nav a{ color:#333; }
body.archive .main-nav .nav-link{ color: #333; text-shadow:none; }
.section-hero-archive{  border-top:4px solid #e3e3e3; }
.section-hero-archive .container {  }
.section-hero-archive h1{ text-shadow:2px 4px 0 rgba(255,255,255,0.25); color:#333; }
.section-hero-archive h2{ font-weight:900; }
.section-hero-archive .dropdown button{ font-size:3.8rem; font-weight:900; text-shadow:2px 4px 0 rgba(255,255,255,0.25); padding:0; border:0; background:transparent; border-bottom:4px solid #333; color:#333; margin-bottom:-4px; border-radius:0; }
.section-hero-archive .dropdown .dropdown-item{ text-shadow:none!important; }
.section-hero-single:before{ display:none; }
.section-archive-results{  }
.section-archive-results-list{ color:#000; }
.section-archive-results-list .post-container{ box-shadow:5px 5px 0px #d1d1d1; }
.section-archive-results-list a{ color:#000; }
.section-archive-results-list p{ color:#000; }
.section-archive-results-list .qodef-post-title{ font-size:18px; font-weight:bold; }
.section-archive-results-list .qodef-post-title a{ text-decoration:none; }
.section-archive-results-list .post_text_inner{ padding:2rem; }
.section-archive-results-list .post_category{ display:block; margin-bottom:1rem; font-size:12px; }
.page-item.active .page-link { z-index: 3; color: #fff; background-color:#00adef; border-color:#00adef; }


.section-register{  }
.section-register h2{ font-weight:900; }
.section-register a:not(.bg-color-blue-dark){ color:#000; }
.section-register img{ box-shadow:20px 20px 0px #f1f1f1; }

.section-socialmediapack h2{ font-weight:900; }
.section-socialmediapack img{ box-shadow:-20px 20px 0px #f1f1f1; }

.section-presentations h2{ font-weight:900; }
.section-presentations img{ box-shadow:20px 20px 0px #f1f1f1; }

.section-competition h2{ font-weight:900; }
.section-competition img{ box-shadow:-20px 20px 0px #f1f1f1; }

.section-countdown{  }
.section-countdown .container{  }
.section-countdown h2{ font-size:2.8rem; font-weight:900; }
.section-countdown img{ }
.section-countdown .nav-icons a { background-color: #ebf9ff; }

.section-landingtopics{  }
.section-landingtopics h2{ font-weight:900; }
.section-landingtopics h3{ font-weight:900; }
.section-landingtopics a:not(.bg-color-blue-dark){ color:#000; text-decoration:none; }
.section-landingtopics img{ box-shadow:5px 5px 0px #f1f1f1; }

.section-artificialintelligence{  }
.section-artificialintelligence h2{ font-weight:900; }
.section-artificialintelligence img{ box-shadow:20px 20px 0px rgba(130,36,227,0.2); }
.section-artificialintelligence .nav-icons a { background-color: #ebf9ff; }

.modal-body ul {
    list-style-type: disclosure-closed;
    color: #346772;
}
.modal-body ul li a {
    margin-bottom: 5px;
    display: block;
    background-color: #f9f9f9;
    padding: 10px;
}

/* ========================================================
-MOBILE
==========================================================*/
/*less than 576px*/
@media (max-width: 576px) {
	.on-menu-open.navbar{ height:100vh; align-items: start; }
	.navbar-brand img{ width:230px; }
	.on-scroll .navbar-brand img{ width:150px; }
	.navbar-collapse{ width:100%; }
	.nav-item{ text-align:center; }
	.on-scroll .main-nav ul:not(.extra-menu) .nav-link { font-size:1.4rem; }
	.navbar-nav{ padding-top:1rem; padding-bottom:1rem; width:100%; }
	.on-scroll .icon-bar{ background-color:#000!important; } 
	.on-scroll .nav-social.nav-item a i{ font-size:1.8rem; padding-top:5px; color:#000; } 
	
	.section-flyoutbuttons{ position:fixed; top:inherit; bottom:0; right:0; width:100%; z-index:99999; display:flex; justify-content:center; }
	body.page .section-flyoutbuttons{ top:inherit; }
	.section-flyoutbuttons button{ border-radius:5px 5px 0 0; margin:0 1px!important; font-size:12px; }
	.section-flyoutbuttons button:hover{ padding-right:0px!important; }
	
	.section-hero h1{ font-size:1.8rem; }
	
	.section-hero-single, .section-hero-single .container{ height:auto; }
	.section-hero-single .container{ margin-top:50px; }
	.section-hero-single .nav-icons .icon-label{ font-size:12px; }
	
	.section-highlight h2{ font-size:1.2rem!important; }
	section h2{ font-size:1.8rem!important; }
	.section-explainers .explainers-images img:nth-child(7){ display:none; }
	.section-explainers .explainers-images img:nth-child(8){ display:none; }
	.btn, .border-radius-drop{ font-size:1rem!important; }
	.nav-icons a{ padding:0.75rem 0.5rem; }
}

/*between 576px and 768px*/
@media (min-width: 576px) and (max-width: 768px) {
	
}

/*less than 768px*/
@media (max-width: 768px){
	
}

/*between 768px and 992px*/
@media (min-width: 768px) and (max-width: 992px) {
	
}

/*less than 992px*/
@media (max-width: 992px) {
	.on-menu-open.navbar{ height:100vh; align-items: start; }
	.navbar-brand img{ width:230px; }
	.on-scroll .navbar-brand img{ width:150px; }
	.navbar-collapse{ width:100%; }
	.nav-item{ text-align:center; }
	.on-scroll .main-nav ul:not(.extra-menu) .nav-link { font-size:1.4rem; }
	.navbar-nav{ padding-top:1rem; padding-bottom:1rem; width:100%; }
	.on-scroll .icon-bar{ background-color:#000!important; } 
	.on-scroll .nav-social.nav-item a i{ font-size:1.8rem; padding-top:5px; color:#000; } 
	
	.section-flyoutbuttons{ position:fixed; top:inherit; bottom:0; right:0; width:100%; z-index:99999; display:flex; justify-content:center; }
	.section-flyoutbuttons button{ border-radius:5px 5px 0 0; margin:0 1px!important; font-size:12px; }
	.section-flyoutbuttons button:hover{ padding-right:0px!important; }
	.section-hero h1{ font-size:1.8rem; }
	.section-highlight h2{ font-size:1.2rem!important; }
	section h2{ font-size:1.8rem!important; }
	.section-explainers .explainers-images img:nth-child(7){ display:none; }
	.section-explainers .explainers-images img:nth-child(8){ display:none; }
	.btn, .border-radius-drop{ font-size:1rem!important; }
	.nav-icons a{ padding:0.75rem 0.5rem; }
}

/*more than 992px*/
@media (min-width: 992px) {	
	/* a:focus{ outline:4px solid #000; outline-offset:1px; } */
}

/*between 992px and 1200px*/
@media (min-width: 992px) and (max-width: 1200px) {
	
}

/*more than 1200px*/
@media (min-width: 1200px) {

}

/*more than 1200px*/
@media (max-height: 800px) and (min-width: 992px) {

	.section-hero-archive .dropdown button{ font-size:2.8rem; }
	.section-hero:not(.section-hero-archive) p{ font-size:1.2rem; }
}

/* ========================================================
-Gravity Forms 
==========================================================*/
#pagecontent .gform_wrapper form{ display:flex; align-items: start; }

#pagecontent .gform-body{ width: 100%; margin-left: 2rem; }

#pagecontent .gform_heading{ margin: 0 0 2rem 0 !important; }
#pagecontent .gform_page {
	background-color:#fff; padding:30px 1rem;
	border-radius:30px;
	border:1px solid #e3e3e3;
}
#pagecontent .gfield_description {
    color: #000 !important;
    background-color: #fdf2da;
    padding: 1rem;
    border-radius: 0.5rem;
	font-size: 14px !important; margin:0 1rem;
}

#pagecontent .gfield_radio {
    flex-direction: row !important;
    gap: 40px !important;
}
#pagecontent fieldset.gfield { }
#pagecontent fieldset.gfield:nth-child(odd){ background-color:#f9f9f9; border-radius: 30px; }
#pagecontent fieldset.gfield:nth-child(odd) legend.gfield_label{ background-color:#f9f9f9; border-radius: 30px; }
#pagecontent .gf_page_steps {
    background-color:#fff; width:40%!important; position: sticky; top:10px; padding:0.25rem; border: 1px solid #e3e3e3; border-radius: 30px;
}
#pagecontent .gfield--type-section{ border:0; background-color:#cde2e7; padding:30px; border-radius:30px; }
#pagecontent .gform-theme--framework .gf_step_active .gf_step_number {
    background-color: #276773;
    color: #fff; 
}
#pagecontent .gform-theme--framework .gf_step_active, .gform-theme--framework .gf_step:hover {
    background-color: #cde2e7;
    border-radius: 30px;
}
.gpasc-auto-load-notice{ background-color: #FEC057; border-radius: 30px; padding:0.5rem 1rem; display: inline-block; width: auto !important; align-self: self-start;}
.gpasc-auto-load-notice p{ margin:0; }
.gpasc-auto-load-notice p a, h2 a{ color:#000; }
#pagecontent .gform-theme--framework .gf_step {
    padding:1rem;
}
#pagecontent .gf_step{
	width:100%
}
#pagecontent .gform-theme--framework .gf_step:not(.gf_step_active) {
    cursor:pointer;
}
#pagecontent .gform-theme--framework .gf_step_completed .gf_step_number {
    background-color: #d4dcff;
    border: 0;
}
#pagecontent #gf-fixed-bar{
	position:fixed;
	bottom:0;
	z-index:1;
  background-color: #fff;
  padding: 1rem;
  width: 100%;
  left: 0;
  border-top: 4px solid #346772;
}
#pagecontent #gf-fixed-bar .gf_page_steps{
	max-width:900px;
	margin:0 auto;
}
.gf_step_label{ text-transform:initial!important; }
#pagecontent legend.gfield_label.gform-field-label{ font-size: 16px; flex-wrap:nowrap; align-items: start; justify-content: space-between; width: 100%; padding: 30px 30px 0.25rem 30px; margin-bottom:0!important; }
#pagecontent .ginput_container{ padding: 10px 30px 30px 30px; }
.gform-theme--api, .gform-theme--foundation{ --gf-form-gap-y: 10px; }
.scoreBadge{ border:1px solid #e3e3e3; display:none; }
#pagecontent .include-section-question{ 
	padding:1rem; background-color:#d0e2e7; border-radius:1rem; 
}
#pagecontent .include-section-question label{ 
	font-weight:bold!important; 
}
#pagecontent .include-section-question select{ 
	font-size:16px; 
}
#pagecontent .gform_save_link{
	background-color:#f7c057!important; border:0!important; color:#000!important;
}
#pagecontent .btn-questionTooltip{ background-color:#fff2d9; border:0; color:#000; }
#pagecontent .btn-questionTooltip[aria-expanded="false"] .fa-chevron-down{ display:none; }
#pagecontent .btn-questionTooltip[aria-expanded="true"] .fa-chevron-down{ display:block; }
#pagecontent .btn-questionTooltip[aria-expanded="false"] .fa-chevron-right{ display:block; }
#pagecontent .btn-questionTooltip[aria-expanded="true"] .fa-chevron-right{ display:none; }
h3.gsection_title{ font-size: 1.2rem; font-weight: bold; }
.gfield h2{ font-size: 1.75rem; font-weight: bold; }
.gform-field-label {
    font-size: 16px !important;
}
.gpasc-new-draft-button{ display:none; }


.report-container{ border:2px solid #e2e2e2; background-color:#fff; border-radius:10px; padding-bottom:2rem; }
.report-container .report-title{ padding:1rem 2rem 0.5rem 2rem; border-bottom:2px solid #e2e2e2; margin-bottom:0; }
.report-save-pdf{ background-color:#333; color:#fff; border-radius:5px; border:0; padding:0.5rem 1rem; }
.report-container .report-header{ margin-bottom:1rem; border-bottom:2px solid #e2e2e2; }
.report-container .report-header-info{ border-right:2px solid #e2e2e2; }
.report-container .report-header img{ margin-bottom:1.5rem; height: auto; width: 100px; }
.report-container .report-header h3{ font-size:22px; font-weight:bold; margin-bottom:0.75rem; }
.report-container .report-header-info p{ font-size:14px; margin-bottom:0; }

.report-total-grade{ width:100%; height:100%; padding:2rem; border-radius:5px; background-color:#f9f9f9; border:1px solid #333; display:flex; flex-wrap:wrap; }
.report-total-grade p{ width:100%; }
.report-total-grade-letter{ width:100%; font-size:20px; font-weight:bold; }
.report-total-grade-letter p span{ display:block; width:100%; font-size:14px; font-weight:normal; margin-top:0.5rem; }

.report-total-score{ width:100%; height:100%; padding:2rem; border-radius:5px; background-color:#f9f9f9; border:1px solid #333; text-align:center; display:flex; flex-wrap:wrap; align-items:center; }
.report-total-score p{ width:100%; }
.report-total-score-value{ width:100%; font-size:40px; font-weight:bold; }

.report-total-answered{ width:100%; height:100%; padding:2rem; border-radius:5px; background-color:#f9f9f9; border:1px solid #333; text-align:center; display:flex; flex-wrap:wrap; align-items:center; }
.report-total-answered p{ width:100%; }
.report-total-answered-value{ width:100%; font-size:40px; font-weight:bold; }

.report-container .report-section-name{ font-size:20px; font-weight:bold; margin-bottom: 0; padding-top: 0.5rem; color: #007cba; text-decoration: underline;}
.report-number-of-questions{ display:inline-block; background-color:#f9f9f9; border:1px solid #e3e3e3; padding:0.25rem 1rem; border-radius:5px; }
.report-score{ display:inline-block; background-color:#f9f9f9; border:1px solid #e3e3e3; padding:0.25rem 1rem; border-radius:5px; }
.grade-yellow{ color: #000; background-color: #D4AF37; border-color: #D4AF37; }
.grade-green{ color: #000; background-color: #03B861; border-color:#03B861; }
.grade-orange{ color: #000; background-color: #FFDE59; border-color:#FFDE59; }
.grade-red{ color: #000; background-color: #FF5757; border-color:#FF5757; }
.report-section-1-questions-links, .report-section-2-questions-links, .report-section-3-questions-links, .report-section-4-questions-links{ margin-top:1rem; border:1px solid #e3e3e3; border-radius:5px; }
.questions-links-question{ background-color:#f9f9f9; padding:1rem; font-weight:bold; }
.questions-links-info{ padding:1.5rem; }
.wp-block-gp-entry-blocks-view-entry table{ display:none; }

#field_6_57, #field_6_58, #field_6_59, #field_6_60{ display:none!important; }

.wp-block-gp-entry-blocks-entries-table{ border-radius:10px; border:2px solid #0f3d7c; }
.wp-block-gp-entry-blocks-entries-table thead{ border-bottom:3px solid #0f3d7c; background-color:#0f3d7c; color:#fff; }
.wp-block-gp-entry-blocks-entries-table td, .wp-block-gp-entry-blocks-entries-table th { border: 1px solid #0f3d7c; }

.form_saved_message{ background-color: #fff; border-radius: 16px; padding: 50px; border: 1px solid #e3e3e3; }
.form_saved_message p[role="alert"]{ margin-bottom:1rem; }
.form_saved_message .resume_form_link_wrapper{ background-color: #fef6dd; border-radius: 5px; padding: 10px; }
.form_saved_message .resume_form_link_wrapper a{ text-decoration:underline; }

#pagecontent .gform_wrapper .form_saved_message_emailform form{ display:block!important; }
#pagecontent .form_saved_message_emailform .gform-body{ margin-left:0!important; }
#pagecontent .form_saved_message_emailform .ginput_container{ padding:0!important; }

.wp-block-gp-entry-blocks-entries-table thead{ background-color: #f7bf60; color:#000; border-bottom: 3px solid #f7bf60; }
.wp-block-gp-entry-blocks-entries-table{ border: 2px solid #f7bf60 !important; }
a{ color: #538a99; }
.gpasc-draft-link{ margin-bottom:1rem; }
.gpasc-delete-draft-button{ margin-left:1rem; }
.dropdown-item.active, .dropdown-item:active{ background-color: #f7bf60; }
#field_6_62{ background-color: #fddada!important; padding:1.5rem!important; color:#000!important; }
#field_6_62 p{ margin:0!important; }
.gform_next_button, .gform_button{ background-color: #f7bf60!important; border: 0!important; padding: 0.5rem 1.5rem!important; color:#000!important; }
input#wppb-submit, input#register, input#edit_profile{ background-color: #f7bf60; border: 0; border-radius: 30px; padding: 0.5rem 1.5rem; }
.wppb-form-field h4{ font-size: 16px; font-weight: 900; }
.wppb-form-field label{ font-size: 14px; line-height: 30px; }
.wppb-default-contact-info-heading, .wppb-default-name-heading{ background-color: #f1f1f1; padding: 10px; margin:0px 0 10px 0!important; }
.wppb-default-contact-info-heading h4, .wppb-default-name-heading h4{ margin:0; }

/*less than 768px*/
@media (max-width: 768px){
	#pagecontent .gf_page_steps{
		flex-wrap: wrap !important;
	}
	#pagecontent .gf_step {
		width: 100%;
	}
	#pagecontent .gform_wrapper form {
		display: block;
	}
	#pagecontent .gf_page_steps {
		background-color: #fff;
		width:100% !important;
		position: relative;
		top: 0;
		padding: 0.25rem;
		border: 1px solid #e3e3e3;
		border-radius: 30px;
	}
	#pagecontent .gform-body {
		width: 100%;
		margin-left:0;
	}
	
}


@media print {
  /* print styles go here */
  nav.navbar .container div,
  #footer,
  .report-save-pdf,
  h1,
  .wp-block-gp-entry-blocks-view-entry,
  .report-body-header
  {
    display: none !important;
  }
  
  .wp-block-uagb-container, .container, .report-container .report-header-info{ margin:0!important; padding:0!important; border:0!important; }
  
  nav.navbar{ position:relative!important; }
  
  .collapse{ display: block!important; }
  
  .report-section-name{ color:#000!important; text-decoration:none!important; }
  .report-body{ margin-bottom:50px!important; }
  
  
	.grade-yellow{ color: #D4AF37!important; background-color:transparent!important; }
	.grade-green{ color: #03B861!important; background-color:transparent!important; }
	.grade-orange{ color: #FFDE59!important; background-color:transparent!important; }
	.grade-red{ color: #FF5757!important; background-color:transparent!important; }
  
  .report-container{ border:0!important; }
  .report-container .report-title{ border: 2px solid #e2e2e2; border-radius:10px 10px 0 0; }
  .report-container .report-header{ border-left: 2px solid #e2e2e2; border-right: 2px solid #e2e2e2; }
  .report-section-1-questions-links, .report-section-2-questions-links, .report-section-3-questions-links, .report-section-4-questions-links{ border:0px solid #e3e3e3!important; }
  .questions-links-question, .questions-links-info{ border:2px solid #e3e3e3!important; }
  .report-container .report-header-info p{ font-size: 18px!important; }
  .report-container .report-header img{ width:200px!important; }
  
  /*.report-section-name{ page-break-before: always; }*/
  .report-header{ page-break-after: always; }
  .questions-links-info{ page-break-before: avoid; }
  .questions-links-info, .questions-links-question{ page-break-inside: avoid; }
  
}