@font-face {
font-family: 'Roobert';
src: url('//assets.swoogo.com/themes/650c3ece83300/Roobert-Bold.otf') format('opentype');
font-weight: 700; /* Bold */
font-style: normal;
}
/* Import for Roobert-Light.otf */
@font-face {
font-family: 'Roobert';
src: url('//assets.swoogo.com/themes/650c3ece83300/Roobert-Light.otf') format('opentype');
font-weight: 300; /* Light */
font-style: normal;
}
/* Import for Roobert-Regular.otf */
@font-face {
font-family: 'Roobert';
src: url('//assets.swoogo.com/themes/650c3ece83300/Roobert-Regular.otf') format('opentype');
font-weight: 400; /* Regular/Normal */
font-style: normal;
}
/* Import for Roobert-Regular.otf */
@font-face {
font-family: 'Roobert';
src: url('//assets.swoogo.com/themes/65373e2a0e869/Roobert-Medium.otf') format('opentype');
font-weight: 500; /* Rmedium */
font-style: normal;
}
@font-face {
font-family: 'Druk Condensed';
src: url(' https://assets.swoogo.com/themes/65373e2a0e869/Druk-CondSuper.otf') format('opentype');
font-style: normal;
}
#main-wrap{
min-height:unset!important}
:root {
--blue: #0E47CB;
--yellow: #FFCC00;
--beige: #f2e8db;
--lightBeige: #FFF9F1;
--lightBlue: #b4e1e8;
--green: #99c93d;
--red:#DD0C0C;
--lightGreen: #cbe096;
--white: #ffffff;
--title-font: 'Roobert', sans-serif;
--standard-font: 'Arial', sans-serif;
--special-font: 'Druk Condensed', sans-serif;
--black:#273B4A;
--lightBlack:#273B4A;
--animationspeed:9.3s
}
.timezone-display{
font-family:var(--title-font)
}
#main-wrap {
padding-bottom: 20px;
}
.swoogo-video-container{
margin:0px!important
}
.page-line{
margin-top:15px;
margin-bottom:15px;
border-bottom:1px solid var(--blue)
}
.live-now{
display:flex;
background: var(--blue);
color: var(--yellow);
padding: 10px 20px;
width: fit-content;
justify-content: space-between;
align-items: center;
grid-gap: 12px;
margin-bottom:5px;
}
.live-now-icon{
background:var(--red);
border:2px solid var(--yellow);
border-radius:50px;
width:15px;
height:15px;
}
.title-modal {
color: var(--blue);
font-family:var(--title-font);
font-size: 50px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-top:0px!important;
}
label {
margin-bottom:0px;
}
.register-header{
display: flex;
flex-direction: column;
align-items: center;
}
/*icons*/
.special-button .swoogo-button,
.navbar-nav>li>a{
text-transform:initial!important;
}
.cicon{
width: 25px;
height: 25px;
display:inline-block;
}
.envelope{
background-image:url('data:image/svg+xml,')
width:24px;
height:19px;
}
.map-marker {
background-image: url('data:image/svg+xml,');
}
.globe{
background-image:url('data:image/svg+xml,')
}
.globe-blue{
background-image:url('data:image/svg+xml,')
}
.speaker-icon{
background-image:url('data:image/svg+xml,');
WIDTH: 18px;
height: 18px;
}
.linkedin > span{
background-image:url('data:image/svg+xml,');
width: 20px;
height: 20px;
}
.instagram > span{
width: 19.33px;
height: 19.331px;
background-image:url('data:image/svg+xml,');
}
.facebook > span{
width: 9px;
height: 19px;
background-image:url('data:image/svg+xml,')
}
.twitter > span{
width: 19.636px;
height: 18.324px;
background-image:url('data:image/svg+xml,')
}
.whatsapp > span{
width: 20px;
height: 20px;
background-image:url('data:image/svg+xml,')
}
.bookmark-icon{
background-image:url('data:image/svg+xml,');
width: 14px;
height: 15px;
}
.bookmark.active .bookmark-icon{
background-image:url('data:image/svg+xml,');
width: 14px;
height: 15px;
}
.arrow-right{
background-image: url('data:image/svg+xml,');
width: 21px;
height: 13px;
}
.nav-arrow{
width: 21px;
height: 13px;
background-image: url('data:image/svg+xml,')}
.share-icon{
background-image:url('data:image/svg+xml,');
width: 19px;
height:20px;
}
.social-icons{
display:flex;
align-items:center;
justify-content: space-between;
}
.social-icons button{
background:none;
border:none;
}
.social-icons span{
margin: 0px 10px;
display:block;
border:none;
flex-shrink: 0;
}
.social-icons a,
.social-icons button{
background: transparent;
border: none;
width: fit-content;
height: 38px;
display: flex;
justify-content: center;
align-items: center;
padding: 0px;
}
.social-icons a,
.social-icons button,
.session-page .header .share .cicon,
.header .bookmark {
cursor: pointer;
border:none;
color: var(--blue);
}
.header .bookmark {
color: var(--blue)!important;
}
.social-icons a,
.social-icons button,
.session-page .header .share .cicon,
.header .bookmark .cicon{
transition:transform 0.2s ease-in-out;
}
.social-icons a:hover,
.social-icons button:hover,
.session-page .header .share:hover .cicon,
.header .bookmark:hover .cicon
{
transform:scale(1.2)
}
.header .bookmark.active span{
color: var(--yellow);
}
/* form updates */
.input-group-addon,.btn-file{
background: none;
border: none;
border-bottom: 1px solid;
}
.swoogo-reg-progress {
display: none;
}
.form-control {
height: auto
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%
}
.input-group .form-control {
display: flex;
}
.input-group-addon,
.input-group-btn {
width: auto
}
.label-add-on .input-group-addon {
font-size: inherit
}
.input-group .input-group-btn.input-group-append {
display: flex
}
.input-group-addon {
display: flex;
align-items: center;
line-height: 1.5;
text-align: center;
white-space: nowrap;
border-radius: 4px
}
.input-group>.form-control,
.input-group>.form-select {
position: relative;
flex: 1 1 auto;
width: 1%;
min-width: 0
}
.input-group .input-group-btn div.btn {
display: flex
}
.input-group>.file-input.file-input-new {
display: flex;
flex: 1 1 auto
}
.input-group>.file-input:not(.file-input-new) {
display: flex;
flex-wrap: wrap;
flex: 1
}
.input-group>.file-input .kv-upload-progress {
width: 100%
}
.input-group-addon~.file-input.file-input-new .form-control {
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.swoogo-reg-summary .responsive-table .buttons .btn-group.btn-group-sm {
min-width: 100px
}
.btn-group.btn-group-sm>.btn {
font-size: 12px !important
}
.form-control {
border: none;
border-bottom: 1px solid var(--blue);
background: none;
box-shadow: none !important;
border-radius: 0px;
color: var(--blue);
font-size: 16px;
-webkit-box-shadow: none !important;
}
/* Buttons
--------------------------------------------------------------------------------*/
.btn-standard {
border: var(--blue) 2px solid;
align-items: center;
width: 100%;
border-radius: 0px;
padding:9px 12px;
background:none;
}
.btn-standard:hover,
.btn-standard:focus,
.btn-standard:active,
#btn-standard_hover {
background: var(--blue);
color: var(--white) !important;
}
/*
.btn-standard:hover a,
.btn-standard:focus a,
#btn-standard_hover a {}
*/
.btn-alternate {
background: #333;
border: none;
color: #fff;
letter-spacing: 1px;
font-weight: 600;
text-decoration: none ! important;
text-shadow: none;
}
.btn-alternate:hover,
#btn-alternate_hover {
background: #5199a8;
color: #ffffff;
}
/*visual design checkbox and radio buttons*/
div:has(> .slider-switch),
label:has(> .slider-switch) {
display: flex;
grid-gap: 6px;
align-items: center;
}
.slider-switch:has(input:focus-visible) .slider {
outline: #aaa auto 3px;
}
.slider-switch {
display: inline-block;
height: 18px !important;
min-height: 18px!important;
position: relative;
width: 36px;
min-width: 36px;
}
.slider {
background-color: #0e47cb80;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
border-radius: 17px;
}
.slider:before {
background-color: var(--white);
/* bottom: 3px; */
content: "";
height: 18px;
left: 0px;
position: absolute;
transition: .2s;
width: 18px;
border-radius: 50%;
}
/*radio label*/
.radio-label {
padding: 0px !important;
display: flex;
grid-gap: 8px;
align-items: center;
}
.radio-label:before {
width: 18px;
content: '';
height: 18px;
display: block;
border-radius: 50px;
border: 2px solid var(--blue);
background-repeat: no-repeat;
}
.radio-label span {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
}
.radio-label span:before {
content: '';
display: block;
height: 10px;
width: 10px;
border-radius: 50px;
margin-right: 10px;
margin: 4px 4px;
margin-right: 10px;
}
.radio-label input:checked+span:before {
background: var(--blue)!important;
opacity:1!important;
}
.radio-label input:hover+span:before {
background: var(--blue);
opacity:0.5;
} input[disabled=disabled]+.slider:before {
background-color: #ddd
}
input:checked+.slider {
background-color: var(--blue);
}
input:checked+.slider:before {
transform: translateX(18px);
}
/* end form updates */
/*standard*/
body {
font-family: var(--standard-font);
font-family: var(--standard-font);
font-size: 14px;
font-weight: 400;
min-height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: var(--blue);
}
a {
color: var(--blue);
transition: all 0.2s ease-in-out 0s;
}
a:hover,
#a_hover {
color: #333;
}
.header .empty-message {
color: #FFF;
}
.swoogo-line {
color: #5199a8;
}
.widget {
border: none;
}
/* Text logo
--------------------------------------------------------------------------------*/
.swoogo-video .widget-container {
background-color:transparent;
padding-bottom: 30px;
}
/*custom design*/
.landing-video,
.swoogo-video ,
.cop-design-full{
background: repeating-linear-gradient(135deg, transparent 0px, transparent 8px, var(--green) 8px, var(--green) 20px, transparent 20px, transparent 24.8px);
height: 100%;
min-height:10px;
}
.cop-design-pattern,
.modal-content:after,
.design-after:after,
.design-container:after {
background: repeating-linear-gradient(135deg, transparent 0px, transparent 10px, var(--green) 10px, var(--green) 20px);
height: 14px;
content:'' ;
display:block;
}
@media (max-width: 1023px) {
.cop-design-full{
min-height:60px;
}
}
.design-container {
background-color: var(--lightBeige);
max-width: 750px;
margin: auto;
}
.design-container>.content {
padding: 20px;
}
.design-container:before {
content: "\f007";
font-family: "Font Awesome 5 Free";
display: flex;
justify-content: center;
height: 70px;
background: var(--green);
color: white;
align-items: center;
font-size: 26px;
font-weight: 200;
}
/* scroll bar*/
/* Styles for the Modal Scrollbar */
* {
/* Applying the color scheme to the scrollbar */
scrollbar-color: var(--blue) var(--lightBeige);
scrollbar-width: thin;
}
/* For Webkit browsers */
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
background-color: var(--blue);
border-radius: 10px;
border: 3px solid var(--beige);
width: 3px;
}
::-webkit-scrollbar-thumb {
background-color: var(--blue);
border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
background-color: var(--green);
}
@media (max-width:769px){
ul.navbar-nav>li>a {
text-transform: unset;
font-size: 30px !important;
}
.navbar .navbar-nav {
justify-content: space-between!important;
grid-gap:2px!important;
flex-wrap: none!important;
}
}
/*speakers*/
.swoogo-speakers .list-view,
.field-speakersLinks {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
grid-gap:15px;
}
@media (max-width:768px){
.swoogo-speakers .list-view,
.field-speakersLinks {
grid-template-columns: 1fr 1fr ;
}
}
@media (max-width:412px){
.swoogo-speakers .list-view,
.field-speakersLinks {
display: grid;
grid-template-columns: 1fr;
width: 100%;
grid-gap:15px;
}
}
.swoogo-speakers .list-view > div,
.field-speakersLinks > a{
background:var(--lightBeige);
display: grid;
position: relative;
grid-column-gap : 10px;
grid-template-columns: fit-content(100%) auto;
padding:10px;
}
.swoogo-speakers .name,
.field-speakersLinks .name{
color: var(--blue);
font-size: 16px;
font-weight: 700;
margin:0px;
}
.swoogo-speakers img,
.field-speakersLinks img {
object-fit: cover;
aspect-ratio: 1/1;
grid-row: 1/3;
min-width:50px!important;
border:none!important;
width:50px!important;
padding:0px!important;
border-radius:0px!important;
object-position: 50% 0%;
}
.swoogo-speakers .organisation,
.field-speakersLinks .organisation{
color: var(--lightBlack);
font-size: 12px;
color: #273B4A;
font-family: var(--standard-font);
font-size: 12px;
}
.swoogo-speakers a{
position: absolute;
width: 100%;
height: 100%;
}
.field-speakersLinks a:hover{
text-decoration:none;
box-shadow: rgb(0 0 0 / 6%) 0px 1px 0px 0px inset;
background:var(--beige);
}
.field-speakersLinks a{
text-decoration:none!important;
}
.swoogo-session-info > .paragraph{
margin:0px!important;
}