@charset "UTF-8";
@import "fonts.css";
@import "global.css";
.transitions {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
::-webkit-input-placeholder { color:grey; font-size:15px; top:-15px; }
:-ms-input-placeholder { color:grey; font-size:14px; top:-15px; }
::-moz-placeholder { color:grey; opacity:1; font-size:15px; top:-15px; }
:-moz-placeholder { color:grey; opacity:1; font-size:15px; top:-15px; }
.no-padding {
padding-left:0;
padding-right:0;
}
body, html {
height:100%;
min-height:100vh;
}
body::after {
content: "";
display: block;
position: fixed;
top: 0px;
bottom: 0px;
left: 0;
right: 0;
background: url("../images/background.jpg") no-repeat top center;
background-size: cover;
z-index: -2;
transition: background-position 0.3s ease-out;
}
body.page-guest {
background: var(--primary-color) url(../images/background2.jpg) no-repeat right top;
background-size: contain;
}
body.page-contents::after {
background-position: top left;
}
.pageloader {
content: "";
left: 0;
right: 0;
top: 0;
bottom: 0;
background: white;
background: white url("../images/preloader.gif") center center no-repeat;
z-index: 999999;
position: fixed;
}
.button {
background: #283785;
color:white;
display: inline-block;
padding:7px 20px;
border-radius:20px;
font-size:15px;
margin: 2px 0;
margin-top:10px;
}
.button:hover {
text-decoration: none;
color: #283785;
background: white;
}
.button + .button {
margin-top:2px;
}
.image_logo {
height: 170px;
}
.home_text {
color: var(--primary-color);
font-size: 20px;
font-weight:600;
}
.home_text_title {
margin-top: 30px;
margin-bottom: 30px;
}
.home_text_button {
display: inline-block;
margin-bottom: 30px;
}
.home_text_button img {
height: 55px;
padding-right:15px;
margin-right:15px;
border-right:2px solid var(--primary-color);
}
.video_link {
padding-top:20px;
padding-bottom:50px;
padding-left:0;
margin-left:0;
}
.page-contents .video_link,
.page-lecture .video_link
{
display: none;
}
.video_link_title {
font-size:24px;
color:white;
font-weight:bold;
display:inline-block;
margin-top:5px;
}
.video_doctor {
font-size:35px;
color:white;
margin-bottom:40px;
display:inline-block;
}
.video_watchnow {
border-radius:10px;
padding: 0px 15px 0px 0px;
background:white;
color:#a0714d;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
display: inline-block;
margin-right:20px;
}
.video_watchnow:not(.inactive):hover {
background:#94ab74;
color:white;
text-decoration: none;
}
.video_watchnow img {
margin-right:15px;
}
.editor {
display: block;
font-size: 16px;
margin-top: 5px;
}
.resources {
color: white;
padding: 30px 60px;
background: rgb(40,55,133);
background: linear-gradient(90deg, rgba(40,55,133,1) 0%, rgba(60,163,203,1) 100%);
}
.next-button, .sa-button, .fullscreen-button, .download-button {
color:white !important;
position:absolute;
bottom:15px;
right:10px;
border-radius:35px;
padding:7px 25px;
background:rgba(0, 0, 0, 0.7);
}
.pdf_is_relative .next-button {
bottom:0;
right:0;
position: relative;
float: right;
margin-bottom:20px;
}
.sa-button, .download-button {
display:none;
}
html:-webkit-full-screen-ancestor { background-color: inherit; }
html:-moz-full-screen-ancestor { background-color: inherit; }
.fullscreen-button {
top: 10px;
bottom: auto;
color:black;
padding: 5px 14px 7px 14px;
background: rgba(0, 0, 0, 0.2);
}
.download-button {
left: 10px;
right:auto;
padding-right:20px;
background:rgba(0, 0, 0, 0.4);
}
.next-button:hover, .sa-button:hover, .download-button:hover {
background:rgba(0, 0, 0, 0.9);
text-decoration: none;
}
.hide { display: none; }
a:link, a:visited { color:inherit; }
img { max-width: 100%; }
.inactive, .module_title.inactive li {
cursor: default !important;
opacity:0.5;
}
.inactive:hover, .module_title.inactive li:hover {
text-decoration: none;
}
.noscroll {
overflow: hidden;
}
/* HEADER */
.header {
z-index: 1003;
position: relative;
background: var(--primary-color) url(../images/background.jpg) no-repeat right top;
background-size: contain;
}
/**.page-contents .header,
.page-lecture .header,
.page-contents .nav-buttons-container,
.page-contents .nav-buttons-container
{
display: none;
}*/
.organizedby {
height: 90px;
margin: 15px 0 15px 0;
}
.menu-container {
background: rgba(255, 255, 255, 0.8);
margin-left: -15px;
width: calc( 100% + 30px );
}
.menu-container .logo { /* Comment it if you want the logo to appear on the menu */
display: none !important;
}
.page-login .menu-container .logo,
.page-contents .menu-container .logo,
.page-lecture .menu-container .logo {
display: inline-flex !important;
}
.page-login .menu-container .logo br,
.page-contents .menu-container .logo br,
.page-lecture .menu-container .logo br {
display: none;
}
.home_image {
margin-top:30px;
}
.page-contents .home_image {
display: none;
}
.logo {
margin-top: 10px;
margin-bottom: 13px;
}
.logo a:hover {
text-decoration: none;
}
.logo h1 {
color:white;
font-size: 46px;
font-weight: 700;
line-height: 50px;
margin: 0;
font-family: 'Crique Grotesk';
font-weight: 900;
text-shadow: 2px 5px 9.5px rgba(12, 5, 13, 0.33);
transition: all 0.3s ease-out;
}
.header .logo {
color: white;
padding: 0;
}
.logo:hover { text-decoration:none; }
.page-contents .logo,
.page-lecture .logo {
margin-top: 0px;
padding-top: 0px;
}
.page-contents .logo h2,
.page-lecture .logo h2 {
font-size: 21px;
}
.page-contents .logo h3,
.page-lecture .logo h3 {
font-size: 36px;
margin: 0;
}
.logo-bottom_container {
padding-top: 10vh;
padding-bottom: 5vh;
}
.logo-bottom {
color: #ffc526;
}
.logo-bottom a:hover { text-decoration:none; }
.logo-bottom h1 {
font-size: 60px;
font-weight: 700;
margin-bottom:0;
line-height: 50px;
}
.logo-bottom h2 {
font-size: 35px;
font-weight: 400;
margin-bottom:-5px;
}
.logo-bottom h3 {
font-size: 34px;
font-weight: 500;
}
.usermenu-container a {
text-decoration: underline;
line-height: 58px;
}
.usermenu {
color: white;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
text-align: left;
padding: 25px 0px 12px 0px;
}
.usermenu * {
vertical-align: middle;
}
/* NAVIGATION */
.nav-button2, input[type=submit].nav-button2 {
display: inline-block;
cursor: pointer;
width: auto;
color: var(--primary-color);
background: var(--secondary-color);
border-radius: 30px;
font-size: 16px;
font-weight: normal;
padding: 15px 26px;
margin: 0px 5px;
}
.nav-button2.nav-button-title {
font-weight: bold;
font-size:18px;
}
.nav-button2.nav-button-title span {
color: var(--secondary-color);
}
.nav-button2:hover, input[type=submit].nav-button2:hover {
text-decoration:none;
}
.mob_menu .nav-button2 {
background:none;
color:white;
margin:0;
}
.page-contents .nav-buttons,
.page-contents .home_text,
.page-contents .footer-container {
display: none;
}
.nav-buttons {
margin-bottom: 100px;
}
.nav-buttons-container {
padding-bottom:100px;
}
.nav-buttons .before {
background: url(../images/roundarrow.png?id=1);
content: "";
display: inline-block;
height: 41px;
top: 0;
left: 0;
position: absolute;
width: 43px;
}
.nav-buttons h2 {
/*background: rgba(10,27,65,0.4);*/
background: #bd1629;
border-radius: 22px;
color: white;
font-size: 16px;
font-weight: bold;
opacity: 0;
padding: 11px 45px;
position: relative;
text-shadow: 4px 4px 7px rgba(0,0,0,0.2);
margin: 0 auto;
margin-bottom: 4px;
z-index: 999;
}
.nav-buttons h2 .break {
display: block;
height: 1px;
width: 100%;
content: "";
}
.nav-buttons .after {
background: url(../images/roundarrow.png?id=1);
content: "";
display: inline-block;
height: 41px;
top: 0;
right: 0;
position: absolute;
width: 43px;
}
.nav-buttons {
position: relative;
z-index: 999;
}
.nav-buttons-div {
opacity: 0;
margin: 0 auto;
display: inline-block;
}
.nav-buttons-div a:hover {
text-decoration:none;
}
.nav-button {
color: #001663;
font-weight: 400;
font-size: 15px;
z-index: 1003;
padding: 15px;
line-height: 22px;
}
.nav-button strong {
text-transform: uppercase;
}
.nav-button:hover, .nav-button.active { text-decoration: none; }
.nav-button .article_dot {
display: none;
}
.nav-button p {
margin-bottom:0;
padding:24px 0px;
display: block;
}
.nav-button.active {
font-weight: 700;
}
/* TOP Navigation, text */
.nav-container {
padding: 20px 10px;
padding-left: 15px;
}
.header_module_title {
display: block;
margin-left: -10px;
margin-right: 10px;
padding-left: calc( 10px + 10px);
padding-right: calc( 10px + 10px);
}
.nav-title {
position: relative;
}
.nav-container .nav-divider {
padding: 0 20px;
}
.nav-container a {
text-decoration: none;
}
.nav-container .nav-submenu a:hover {
text-decoration: underline;
}
.nav-title .nav-submenu {
color: white;
display: none;
font-size: 16px;
background: var(--background-color);
border-radius: 0 0 10px 20px;
padding: 10px 25px 15px 25px;
position: absolute;
top: 100%;
left: 0;
min-width: 100%;
width: auto;
z-index: 1001;
}
.nav-title:hover .nav-submenu {
display: inline-block;
}
.nav-title .nav-submenu a {
margin: 2px 0;
display: inline-block;
}
.nav-title .nav-submenu .article_dot, .submenuMod .article_dot {
display: inline-block;
width: 6px;
height: 6px;
background: white;
/*border: 1px solid green;*/
border-radius: 3px;
margin-left: -13px;
float: left;
margin-top: 10px;
}
.submenuMod .article_dot {
width: 12px;
height: 12px;
border-radius: 6px;
margin-right: 10px;
margin-left: 0;
margin-top: 6px;
}
.nav-title .nav-submenu .article_dot span,
.nav-title .article_dot span,
.submenuMod .article_dot span,
.submenuMod .article_dot span
{
display: none;
}
.nav-title .nav-submenu .article_dot_read,
.nav-title .submenuMod .article_dot_read
{
background:green;
}
.nav-title .nav-submenu .article_dot_read:after,
.nav-title .submenuMod .article_dot_read:after
{
position: absolute;
left: 0;
top: 0;
width: 16px;
height: 16px;
content: '';
}
/* BOXES at home */
.box-title {
color: var(--primary-color);
margin-top: 20px;
margin-bottom: 10px;
padding-top: 20px;
border-top: 4px solid var(--primary-color);
font-size: 24px;
font-weight: 500;
}
.box {
background: #c9d8df;
flex: calc( 18% - 10px);
margin: 20px 10px;
padding:0;
position: relative;
vertical-align: top;
transition: all .3s cubic-bezier(0,0,.5,1);
}
.box:hover {
text-decoration: none;
}
.box.inactive {
opacity:0.7;
}
.box .box-container {
padding:10px;
}
.box .box-container .completed {
width: 24px;
position: absolute;
right:8px;
bottom:8px;
}
.box .soon {
display: none;
}
.box.inactive .soon {
font-size:14px;
font-weight:500;
display:inline-block;
background:#1f6f94;
color:white;
padding: 10px 15px;
position: absolute;
text-transform:uppercase;
right: 0;
top: 0;
}
.box img {
width:100%;
}
.box .title {
color: black;
text-align: left;
bottom: 0;
font-size: 11px;
font-weight: 600;
display: block;
padding: 10px;
line-height: 15px;
}
.box .title span {
color:var(--primary-color);
}
.box p {
font-size: 18px;
font-weight: 500;
line-height: 22px;
}
.box .author {
display: block;
font-weight: 700;
margin-top: 10px;
}
.box .author span {
font-size: 14px;
font-weight: 500;
}
.box:hover strong .box:hover p {
text-decoration: none !important;
}
html:not(.touch) .box:not(.inactive):hover {
transform: scale3d(1.05,1.05,1.05);
}
/* End */
.submenuMod {
display: none;
background:var(--primary-color);
border-radius: 20px;
}
.submenu2 {
display: none;
border-top:1px white solid;
border-bottom: 1px white solid;
background: rgba(255,255,255,0.1);
}
.submenu2 a {
border-bottom:1px solid rgba(0,0,0,0.2);
text-transform: none;
line-height: 22px;
padding: 15px;
}
/* MODULE SECTION */
.module-section {
display:none;
margin: 0;
}
.module-section.current {
display: flex;
display: none; /* Do not show the module section inside contents */
}
.module-section .text {
background: #eefce4;
color: #010101;
padding: 20px 8% 20px 40px;
}
.module-section .text .group {
display: block;
font-size: 20px;
font-weight: 500;
}
.module-section .text .title {
color:white;
display: inline-block;
background: var(--secondary-color);
padding: 5px 20px;
text-transform: uppercase;
font-size: 24px;
font-weight: 500;
margin-left: -20px;
margin-top:10px;
}
.module-section .text .details {
font-size:30px;
font-weight:400;
display:block;
}
.module-section .text .author {
font-size: 24px;
font-weight: 500;
}
.module-section .text .author span {
font-size: 18px;
font-weight: 200;
}
/* PDF popup */
.pdf-container {
background:white;
}
/*.page-contents .pdf-container,
.page-lecture .pdf-container {
height: calc( 100vh - 330px );
}*/
.pdf {
background: var(--primary-color);
display:none;
position:fixed;
z-index:1003;
top: 175px;
bottom:0px;
left:0;
right:0;
margin:0 auto;
overflow:hidden;
}
.pdf_is_relative .pdf {
position:relative;
top:0;
overflow: visible;
}
.touch .pdf {
-webkit-overflow-scrolling:touch;
overflow-y: scroll;
}
.pdf .iframe {
background:white;
height:100%;
overflow: auto;
}
.pdf_is_relative .pdf .iframe {
height:auto;
padding:0;
}
.pdf .iframe iframe {
background:none;
border:none;
border: 1px solid #33373a;
padding-top:0px;
padding-bottom:0px;
overflow: visible;
}
.pdf_is_relative .pdf .iframe iframe,
.pdf_is_relative .pdf .iframe .pdfobject {
background:white;
padding-bottom:65px;
padding-top: 50px;
}
/* SIDEBAR */
.sidebar {
background: var(--primary-color);
overflow-y:hidden;
height: 100%;
/*box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.14); */
}
.sidebar .volume-container .subtitle a.assesslink {
display: none;
}
.assesslink_placeholder {
display: block;
}
.pdf_is_relative .pdf .sidebar {
overflow-y: auto;
height:auto;
}
.sidebar h2 {
font-weight:700;
padding:30px 25px 10px 40px;
margin-bottom:0px;
font-size:17px;
}
.sidebar .volume-container {
font-size: 15px;
list-style-type:none;
padding: 25px;
padding-left: 35px;
padding-top: 0px;
}
.sidebar .volume-container:not(.show) {
display:none;
}
.sidebar .volume-container .subtitle {
display: block;
color: white;
display: block;
padding: 5px 10px;
padding-right: 0px;
font-size: 15px;
}
.subitems {
padding-left: 25px;
line-height: 15px;
}
.subitems .subitems {
margin: 0 0 0 15px;
padding: 5px 15px 5px 5px;
}
.sidebar .volume-container .subitems .subtitle a {
padding: 5px 15px 0px 15px;
padding-left:0px;
}
.sidebar .volume-container .subtitle.module_title {
margin-bottom: 5px;
margin-top: 5px;
font-weight: bold;
}
.sidebar .volume-container .subtitle.module_title span {
color: #87d8f2;
text-transform:uppercase;
font-weight:bold;
}
.sidebar .volume-container .subtitle.module_title.current {
font-weight: 500;
}
.sidebar .volume-container .subtitle.section_title {
border-bottom: 2px solid rgba(255, 255, 255, 0.5);
/*color: #b5cdd7;*/
font-weight: bold;
padding-bottom:8px;
padding-top: 15px;
padding-left:0px;
}
.sidebar .volume-container div a {
font-size: 15px;
font-weight: 300;
text-transform: none;
display: inline-block;
}
.sidebar .volume-container li:hover { opacity:0.8; }
.sidebar .volume-container a.current li {
color:white;
position:relative;
background:rgba(255,255,255,0.4);
margin-left: -25px;
margin-right: -25px;
padding-left: 40px;
}
.sidebar .volume-container a.current { font-weight: 700; }
.sidebar .volume-container div a.current { position: relative; font-weight:600; }
.sidebar .openmenu.opened .ospan { display:inline; }
.sidebar .openmenu.opened .cspan { display:none; }
.sidebar .openmenu.closed .ospan { display:none; }
.sidebar .openmenu.closed .cspan { display:inline; }
.sidebar .fixed {
position: absolute;
top: 0;
left: 0;
right: 0px;
}
.pdf_is_relative .pdf .sidebar .fixed {
position:relative;
top:0;
left:0;
right:0;
padding:20px 25px 0px 25px;
}
.sidebar .menu {
overflow-y: auto;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 30px;
/* padding-top: 30px; */
}
.pdf_is_relative .sidebar .menu {
position: relative;
left:0;
right:0;
top: 0;
padding: 20px 0px 0 0px;
}
.sidebar .article_dot {
display: inline-block;
background: white;
border-radius: 3px;
margin-left: -13px;
margin-top:2px;
width: 8px;
height:8px;
float: left;
}
.sidebar .article_dot span {
display: none;
}
.sidebar .article_dot_read .article_dot, .sidebar .article_dot_read {
background:green;
position:relative;
}
.sidebar .article_dot_read .article_dot:after,
.sidebar .article_dot_read:after
{
background: var(--background-color);
border-radius: 6px;
position: absolute;
left: -2px;
width: 12px;
height: 12px;
content: url("data:image/svg+xml,");
}
/* PROGRESS BAR */
.sidebar .progressbar {
display: flex;
display: none;
font-size: 12px;
font-weight: 600;
}
.sidebar .progressbar .number {
flex: 0.1;
margin-top: -3px;
}
.sidebar .progressbar-container {
flex: 0.9;
height: 10px;
background: var(--secondary-color);
overflow: hidden;
}
.sidebar .progressbar-container div {
height: 100%;
background: var(--primary-color);
-webkit-transition: width 2s;
transition: width 2s;
}
.progressbar_modules {
display: flex;
flex-direction: column;
align-items: flex-start;
align-self: stretch;
margin: 0 40px;
border-radius: 8px;
padding: 1px;
background: rgba(0,0,0,0.2);
height: 16px;
}
.progressbar_modules div {
border-radius: 8px;
flex: 1 0 0;
min-width: 14px;
background:#87d8f2;
}
/* FORM */
input[type=email],
input[type=text],
input[type=number],
input[type=password]
{
background: #edf8f7;
border: none;
border-bottom: 1px solid #a1a1a1;
font-size: 18px;
padding: 7px 12px;
margin: 5px 0px;
width: 100%;
text-indent: 23px;
}
input:disabled {
color:grey;
}
input[name=email] {
background: white url(../images/icon_email.png) no-repeat 4px 4px;
background-size: 30px;
}
input[name=name],
input[name=lastName],
input[name=lastName2],
input[name=prefix] {
background: white url(../images/icon_person.png) no-repeat 4px 4px;
background-size: 30px;
}
input[type=password] {
background: white url(../images/icon_password.png) no-repeat 4px 4px;
background-size: 30px;
}
input[name=company] {
background: white url(../images/icon_hospital.png) no-repeat 4px 4px;
background-size: 30px;
}
input[name=address],
input[name=population] {
background: white url(../images/icon_home.png) no-repeat 4px 4px;
background-size: 30px;
}
input[name=city] {
background: white url(../images/icon_city.png) no-repeat 4px 4px;
background-size: 30px;
}
input[name=position] {
background: white url(../images/icon_position.png) no-repeat 4px 4px;
background-size: 30px;
}
input[name=country] {
background: white url(../images/icon_country.png) no-repeat 4px 4px;
background-size: 30px;
}
select {
font-size: 13px;
padding: 12px 18px;
margin: 5px 0px;
background: rgba(0,0,0,0.1);
border: 1px solid rgba(0,0,0,0.4);
height: 50px;
width: 100%;
border-radius: 0;
color: white;
}
select * {
color:black;
}
.text-red-600 {
margin-left:0;
padding-left:0;
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-red-600 li {
list-style: none;
}
/* LOGIN & REGISTER */
.theform {
display: block;
position: relative;
width: auto;
z-index: 6;
/* User defined values */
background: var(--secondary-color);
color: white;
display: block;
margin-top: 30px;
margin-bottom: 10px;
padding: 30px;
position: relative;
width: auto;
padding: 30px;
}
.theform.login-form,
.theform.forgot-password-form
{
max-width: 700px;
}
.theform .details {
width:auto;
display:block;
text-align:left;
font-size:14px;
margin:7px 0px 12px 0;
color: white;
}
.theform form input:focus { outline:none; }
.theform .hdr {
display:block;
text-align:center;
margin:0 auto;
margin-bottom:15px;
}
.theform h2 {
/* User defines values */
font-weight: 500;
font-size: 22px;
text-align: left;
padding: 0px;
}
.theform form h3 {
color:#373737;
font-size:20px;
font-weight:bold;
margin:5px 0;
display:block;
}
.small_letters {
width: auto;
display: block;
text-align: left;
font-size: 14px;
margin: 10px 0px 0px 0;
color: white;
}
.small_letters a {
font-weight: 600;
text-decoration:underline;
}
.theform input[type=submit],
.theform button[type=submit],
button[type=submit],
.button2 {
height: auto !important;
display: inline-block;
cursor: pointer;
/* User defined values */
height: auto !important;
margin-top: 5px;
background: var(--button-color);
border: 1px solid var(--button-color);
color: white;
display: inline-block;
cursor: pointer;
font-size: 16px;
font-weight: 700;
padding: 15px 54px;
text-transform: uppercase;
transition: box-shadow 0.2s ease-in-out;
}
.theform input[type=submit]:hover,
button[type=submit]:hover,
.button2:hover
{
background: var(--button-hover-color);
text-decoration:none;
box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 10px 0px;
}
.login-page .logo, .register-page .logo { margin-top:30px; }
.login-page .mt_logo, .register-page .mt_logo { margin-top:35px; vertical-align:bottom; }
/* REGISTER */
#register.theform {
margin:0;
text-align: center;
padding: 20px 20px;
margin-top:30px;
}
#register.theform .hdr p { font-size:20px; font-weight:300; margin-top:0px; margin-bottom:5px; }
#register.theform h3 { font-size:13px; margin-bottom:15px; margin-top:15px; position:relative; }
#register.theform input[type=submit] {
width: 50%;
}
#register.theform form input:focus { outline:none; }
/* FOOTER */
.footer-container {
position: fixed;
bottom: 0;
z-index: 999;
background: white;
border-top: 10px solid var(--primary-color);
}
.page-certificate .footer-container,
.page-profile .footer-container {
position: relative;
}
footer {
position: relative;
padding: 16px 0px;
margin: 0 auto;
line-height: 17px;
font-size: 13px;
display: flex;
text-align: center;
z-index: 998;
justify-content: space-between;
}
footer * {
vertical-align: top;
}
footer p {
margin-top: 5px;
font-weight: 500;
/* width: 53%; */
display: inline-block;
padding: 0 5px;
margin-bottom:5px;
}
footer p a {
text-decoration: underline;
}
.desktop .onlymobile { display: none; }
.touch .hideonmobile { display: none; }
@media (min-width:768px) {
.set-size {
padding-left: 8%;
padding-right: 8%;
}
.set-size-left,
.module-section .text.set-size-left {
padding-left: calc( 8% + 25px );
}
.set-size-right,
.module-section .image.set-size-right {
padding-right: calc( 8% + 25px );
}
.nav-buttons { margin-top:2vh; }
}
@media (max-height: 940px) {
.nav-buttons {
margin-bottom: 10px;
}
}
@media (max-height: 730px) {
.page-guest .footer-container { position: relative; }
}
@media (min-height: 821px) {
.footer-container { height:auto; }
}
@media (min-height:778px ) {
.nav-buttons { margin-top:2vh; }
}
@media (max-width:1090px) {
.logo-bottom {
margin-top: 0;
}
}
@media (min-width: 768px) {
.hideondesktop { display: none; }
}
@media (orientation:landscape) and (max-height:420px) {
.nav-buttons-div {
margin-bottom:20px;
}
.header {
margin-bottom:10px;
}
.logo-bottom {
margin-top:10px;
margin-bottom: 18px;
}
.credits {
padding-top:0;
}
footer {
line-height: 40px;
}
.intro-text img {
display: none;
}
.login-container {
margin-top:0;
}
}
@media (min-width: 468px) {
.xs-hidden { display:inline; }
.xs-visible { display:none; }
}
@media (max-height:600px) and (orientation:landscape) {
.credits { margin-bottom:20px !important; }
}
/*Bootstrap breakpoint */
@media (max-width: 992px) {
.nav-button, .nav-container.nav-button {
padding: 10px;
border-bottom: 1px solid #94b2d0;
}
.video_link {
padding: 20px;
}
.video_link_title {
display:inline;
line-height: 50px;
font-size: 20px;
text-align: left;
}
.module-box {
width: calc( 29% - 20px);
margin: 20px;
height:auto;
}
.header .logo {
padding-left:0;
padding-right:0;
}
.header .logo h1 {
font-size: 28px;
line-height: 30px;
}
.header .logo h1 br {
display: none;
}
.header .logo h2 {
font-size: 32px;
}
}
@media (max-width: 767px) {
.container { min-width:auto; }
.logo {
padding-top:10px;
margin-top:0px;
}
.page- .logo {
margin-top: 2%;
margin-bottom: 20px;
}
.logo h1 {
font-size: 25pt;
line-height: 40px;
margin: 5px 0 10px 0;
}
.logo h1 br {
display: none;
}
.logo h2,
.logo h3 {
font-size:23px;
}
.logo h3 span {
font-size:30px;
}
.image_logo {
height: auto;
}
.box {
flex:inherit;
}
.nav-button p {
padding:9px 9px;
}
.nav-button.active {
padding-top:10px;
}
.nav-button.active::after, .nav-button:not(.inactive):hover::after {
height: 1px;
}
.nav-buttons-div {
display: block;
}
.nav-button2,input[type=submit].nav-button2 {
display: block;
width: 100%;
margin-bottom:5px;
}
.submenuMod .nav-button2, .submenuMod input[type=submit].nav-button2 {
color:white !important;
background:none;
border-radius: 0;
}
footer {
position: relative;
padding-bottom:10px;
display:block;
}
footer p br {
display: none;
}
.box .title {
font-size:15px;
line-height: 20px;
}
.video_watchnow {
width: 100%;
margin-left:0 !important;
margin-right:0;
margin-bottom:10px;
text-align: left;
}
.header .logo {
padding-left:10px;
padding-right:10px;
}
.usermenu {
font-weight: 500;
padding: 10px 15px;
line-height: 20px;
}
.video_link_title {
line-height:normal;
text-align: left;
}
.xs-hidden { display:none; }
.xs-visible { display:inline; }
.hideonmobile { display: none; }
/*
Uncomment it if you want the title to appear on top
.menu-container .logo {
display: inline-block !important;
}*/
.home_text {
margin-top: 18px;
}
.box-title {
font-size: 21px;
}
#register.theform input[type=submit] { width:100%; }
.header {
background:none;
}
.page-, .page-videos, .page-login, .page-register, .page-recover {
background:white;
}
.nav-buttons {
margin-top: 15px;
border-radius: 15px;
}
footer {
/*position: absolute;*/
margin-bottom:0px;
margin-top:0;
}
footer img { float: none !important; }
.footer-container {
position:relative;
padding-top:15px;
margin-top:0 !important;
}
.page- .footer-container {
margin-top:20px;
}
.nav-buttons-div {
border-radius: 0;
border-radius: 15px;
padding:0;
}
.login-container {
margin-top:20px;
}
.login-page .intro-text, .register-page .intro-text {
display: none;
}
.theform, #register.theform {
padding: 25px;
margin-bottom:25px;
}
#register.theform {
padding: 15px 5px 5px 5px;
}
.nav-container {
padding: 0 20px;
}
.nav-title .nav-submenu {
display: none !important;
position: relative;
display: block;
width: 100;
top: 0;
}
.nav-title .nav-title {
width: 100% !important;
display: block;
color: white !important;
background: var(--primary-color);
border-radius: 30px;
font-size: 17px;
font-weight: bold;
display: inline-block;
font-weight: normal;
cursor: pointer;
padding: 10px 20px;
width: auto;
margin: 5px 0px;
text-align: center;
text-transform: uppercase;
}
.nav-container .nav-divider {
display: none;
}
.logo-bottom h2 {
display: none;
font-size: 42px;
}
body::after {
opacity: 0.8;
}
.progressbar {
display: none;
}
.nav-button::after {
display: none;
}
.usermenu-container a {
line-height: 20px;
}
.usermenu-container .organizedby {
height: 50px;
margin-top:0;
}
.box {
margin-top: 20px;
margin-left: 0px;
}
.module-section .text {
padding: 20px;
}
.module-section .text .title {
font-size: 30px;
}
.module-section .text .details {
font-size:18px;
margin-top:10px;
}
}
@media (max-height: 420px) and (orientation:landscape) {
.nav-container {
padding: 0;
}
}
@media (max-height:630px) and (orientation:landscape) {
.page- .footer-container {
position: relative;
margin-top: 20px;
padding-top:20px;
}
body::before {
position: fixed;
}
}