/*
Theme Name: LDRA
Theme URI: LDRA.com
Description: LDRA 2022 Theme by Katatomic Limited
Version: 0.1.1
Author: Katatomic Limited
Author URI: http://katatomic.co.uk/
*/



/*** Channel partners ***/

.cont li {list-style-type: none;}
.address-in p br {display:none}

/***/

body {font-size: 1.1rem; font-weight: 200;}

#loop-webinar a:hover {text-decoration:none;}
#loop-webinar .card {border-radius:0px!important;background:#fff!important;}
#loop-webinar .card:hover {background:#f3f3f3!important;transition: color .30s ease-in-out,background-color .30s ease-in-out;}
/*#loopcard .card:hover p {color:#fff!important;transition: color .30s ease-in-out,background-color .30s ease-in-out;}*/
#loop-webinar .card:hover .card-img-top {opacity:0.6;transition: opacity .30s ease-in-out!important;}
#loop-webinar .fas {background:transparent!important;color:#FF5A1D!important;}
#loop-webinar h3 {color:#FF5A1D!important;}

#doc-list h5 {color:#FF5A1D;}
#doc-list .list-group-item:first-child {border-radius:0px;}
#doc-list .click {color:#fff; background: #c7c7c7; border-radius: 30px; padding: 5px 10px;}


html {scroll-behavior: smooth; overflow-x: hidden!important;}

/* Careers */
.btn-default {background:#FF5A1D;color:#fff}
.btn-default:hover {background:#BF4215;color:#fff;}
.btn-default:focus,.btn-default:active {box-shadow:none!important;outline:0px!important;}
.table td, .table th {vertical-align: middle!important;}
/* Careers */

.vid-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {html {padding-top: 90px;}}

/* ---------------------------------------------------
    GENERIC STYLE
----------------------------------------------------- */

h1, h2, h3, h4, p, ul, li, span, a {font-family: 'Signika', sans-serif;}
h1 {font-size: 2rem!important;}
h3 {font-weight:600!important;}
#default a {color:#FF5A1D!important;}
#default a:hover {color:#4A237B!important;}
#home a:hover {color:#4A237B!important;}

a {color:#FF5A1D;}
a:hover {color:#FF5A1D;}

li {margin: 12px 0;}
.navbar li {margin: 0px 0;}
#sidebar li {margin: 0px 0;}

/* ---------------------------------------------------
    COLORS
----------------------------------------------------- */

.bg-orange {background-color:#FF5A1D!important;}
.bg-purple {background-color:#4A237B!important;}
.bg-light-orange {background-color:#ffd4b7!important;}
.bg-peach {background-color:#ffede2!important;}
.bg-light-purple {background-color:#e9e5f2!important;}
.bg-grey {background-color:#dbdbda!important;}
.bg-grey-light {background-color:#f9f9f9!important;}
.bg-white {background-color:#ffffff!important;}
.text-orange {color:#FF5A1D;}
.text-purple {color:#4A237B;}
.text-grey {color:#DBDBDA;}
.text-black {#000000!important;}
body p {color:#636362;}
body ul {color:#636362;}

/* ---------------------------------------------------
    SECONDARY PAGE HEADER STYLE
----------------------------------------------------- */

/* Container holding the image and the text */
.img-container {position: relative;color: white;}
/* Centered text */
.centered {position: absolute;top: 70%;left: 15.5%;}
.top {position: absolute;top: 20%;left: 15%;}

@media screen and (max-width: 1656px) {.centered {left: 20.5%;}}
@media screen and (max-width: 1656px) {.top {left: 20%;}}
@media screen and (max-width: 1174px) {.centered {top: 30%;}}
@media screen and (max-width: 1174px) {.top {display:none;}}

.h3-shadow {text-shadow: 2px 2px 4px #000000;}
/* Top Centered text */
.top-centered {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.centered .fas {color:#fff; background:#FF5A1D; padding:4px; font-size: 1.3rem; margin-bottom:18px;}

/* Buttons */
.btn-purple {color: #fff!important;background-color: #4A237B!important;border-color: #4A237B!important;}
.btn-purple:hover {color: #fff!important;background-color: #361959!important;border-color: #3619591!important;}
.btn {padding: .375rem 2rem; font-size: 1rem;line-height: 1.5;border-radius: 0rem!important;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}

.btn-trial {color: #fff!important;background-color: #FF5A1D!important;border-color: #FF5A1D!important;}
.btn-trial:hover {color: #fff!important;background-color: #4A237B!important;border-color: #0e3766!important;}
.btn-trial {padding: 1rem 3rem!important;font-size: 1rem;line-height: 1.5;border-radius: 0rem!important;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn-trial:focus,.btn-trial:active{box-shadow:none !important;outline:0px !important;}

/* Form buttons */
.gform_button {color: #fff!important;background-color: #4A237B!important;border-color: #4A237B!important;padding: .375rem 2rem!important;font-size: 1rem;line-height: 1.5;border-radius: 0rem!important;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.gform_button:hover {color: #fff!important;background-color: #361959!important;border-color: #3619591!important;}
.gfield_label {color:#4A237B!important;}

.ares .tp-bullet-title {display: none!important;}
.input-group-text {background-color:#FF5A1D!important;}
.form-control {background-color:#f4f4f4!important; box-shadow:none!important;}

/* Mega Menu */

.fas {color:#fff; background:#FF5A1D; padding:3px; font-size: 0.7rem; margin: auto;}

.megamenu {z-index:9999999!important;}

/* Search Bar
.form-inline {padding-right:300px;}
@media screen and (max-width: 1900px) {.form-inline {padding-right:260px;}}
@media screen and (max-width: 1800px) {.form-inline {padding-right:230px;}}
@media screen and (max-width: 1700px) {.form-inline {padding-right:200px;}}
@media screen and (max-width: 1600px) {.form-inline {padding-right:170px;}}
@media screen and (max-width: 1500px) {.form-inline {padding-right:140px;}}
@media screen and (max-width: 1300px) {.form-inline {padding-right:110px;}}
*/

@media screen and (max-width: 1670px) {.nav img {margin-top: -60px!important;}}

#search-box {margin-top: 30px;}
@media screen and (max-width: 1670px) {#search-box {display:none!important;}}
@media screen and (min-width: 1670px) {#search-box-top {display:none!important;}}
#search-box-top {padding-left:270px;}
/*@media screen and (max-width: 1622px) {.floating-logo {top:0px!important;}}*/

.navbar {background-color:#f4f4f4; padding-bottom: 0px;}
.nav-link {color:#fff!important; font-family: 'Signika', sans-serif;padding-left:12px!important; padding-right:12px!important;display:inline-block!important; margin-top:17px;}
@media screen and (max-width: 1700px) {.nav-linkk {padding-left:7px!important; padding-right:7px!important;}}

#menu ul {list-style-type: none;padding: 0;margin: 0;}
#menu li a{font-family: 'Signika', sans-serif;text-decoration:none;color:#fff; font-size:1rem; font-weight:400;line-height:2.2;}
#menu li a:hover{color: #FF5A1D;}
#menu-reverse li a {color: #FF5A1D;}
#menu h2 {font-family: 'Signika', sans-serif;font-size:1.8rem;}
#menu p {font-family: 'Signika', sans-serif;}
#menu h3 {font-family: 'Signika', sans-serif;font-size:1.5rem; color:#fff;}

#q-a h2 {font-family: 'Signika' , sand-serif; font-size:1.2rem;}

.small-content a {color:#fff; font-weight:600;}
.small-content a:hover {color:#FF5A1D; text-decoration:none!important;}
.small-contentt i:hover {background-color:rgb(0,0,0,0)!important;}


/* Triangle Hover */
/* Orange Dropdown */
.dropdown:hover>.orange-arrow {border-bottom: 20px solid #FF5A1D;}
.nav-item:hover ~ .orange-arrow {border-bottom: 20px solid #FF5A1D;}
.nav-item:focus ~ .orange-arrow {border-bottom: 20px solid #FF5A1D;}
.orange-arrow {width: 0; height: 0; border-left: 20px solid transparent;border-right: 20px solid transparent;border-bottom: 20px solid #4A237B;margin-left:auto;margin-right:auto;margin-top:auto;}

.dropdown:hover>.dropdown-menu {
  display: block;
}

.dropdown-menu {margin:0px;border:none!important;background-color:rgb(0, 0, 0, 0.9);}

.navbar {padding-top:0px!important;}

/*@media screen and (max-width: 1670px) {.nav-item {padding-right:120px;}}*/

.menu-large {
  position: static !important;
}

.nav-link {pointer-events: none;}

.megamenu {
  padding: 20px 65px 20px 290px;
  width: 100%!important;
}

@media screen and (max-width: 1453px) {.megamenu {padding: 20px 110px 20px 270px;}}
@media screen and (max-width: 1453px) {.dropdown-menu h2 {font-size:1.5rem!important;}}

hr {background: #FF5A1D!important;}
.orange-line {background: #FF5A1D!important;}

.separator{
  display:flex;
  align-items: center;
}

.separator .line{
  height: 1px;
  flex: 1;
  background-color: #FF5A1D;
}

/*TAB FLOAT*/
.float-tab a {transform: rotate(90deg);position: fixed; top: 365px; z-index: 9999; margin-right:-53px; right: 0px; background-color: #FF5A1D; color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.float-tab a:hover {background-color: #4A237B; color: #fff; text-decoration:none;}
.quks {font-size: 30px; font-weight:600; padding:16px 15px; text-align:center;line-height:1;}
/*.floating-logo {padding-top:0px!important;margin-bottom:-80px!important; z-index:999999999999!important; left:70px!important;position:absolute!important;}*/
.floating-logo-mobile {margin-top:-20px!important; padding-top:0px!important;margin-bottom:-80px!important; z-index:999999999!important; right:70px!important;position:absolute!important;}


@media screen and (max-height: 600px) {.float-tab a {top: 200px;}}
/*@media screen and (min-width: 1622px) {.floating-logo {max-height:150px;}}
@media screen and (max-width: 1622px) {.floating-logo {max-height:350px;}}*/

/* ---------------------------------------------------
    MOBILE MENU
----------------------------------------------------- */

/* .sfm-nav .sfm-va-middle ul li {background: #49227a;}
.sfm-nav .sfm-va-middle ul li:nth-child(odd) {background: #5f3a88;}
.sfm-nav .sfm-va-middle ul li ul li {background: #f2f2f2;}
.sfm-nav .sfm-va-middle ul li ul li:nth-child(odd) { background: #f2f2f2;}
.mobile-nav-content a {color:#fff; font-weight:600!important; font-size: 1.2rem;}
.mobile-nav-content a:hover {color:#FF5A1D; text-decoration:none!important;}
.mobile-nav-content .fas {color:#fff; background:#FF5A1D; padding:10px; font-size: 1rem; margin: auto;}
#sfm-sidebar .sfm-copy {position: relative!important; padding: 0 20px!important;}
@media (max-width:767px) {
#sfm-sidebar .sfm-menu li a, #sfm-sidebar .sfm-menu .sfm-chapter {
    font-size: 20px !important;   
    line-height: 20px !important;
}}
#sfm-mob-navbar {text-align: right!important;}
#sfm-mob-navbar img {padding-right:2rem;}
#sfm-mob-navbar {background: #4A237B;}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
html {overflow-x:hidden;}

.btn-burger {background-color:transparent; border: none; cursor: pointer;}
.btn-burger:hover {opacity:0.7;}
.btn-burger:focus,.btn-burger:active{box-shadow:none !important;outline:0px !important;}

/*@media screen and (max-width:991px) {html body {padding-top:78px;}}*/

.mobile-headings {padding-left:20px;}

footer {z-index:99999999999!important;}

#sidebar {
    min-width: 350px;
    max-width: 350px;
    height:90%;
    /*min-height: 500vh;*/
    position: fixed;
    background: #5f3a88;
    color: #fff;
    transition: all 0.3s;
    z-index:98;
    margin-left:-350px!important;
    overflow-y: scroll!important;
}

@media screen and (max-height: 500px) {#sidebar {height:75%;}}

/*@media screen and (max-height:640px) {#sidebar {height:90%!important;}}
@media screen and (max-height:750px) {#sidebar {height:90%!important;}}
@media screen and (max-height:1080px) {#sidebar {height:90%!important;}}
@media screen and (max-height:1125px) {#sidebar {height:90%!important;}}
@media screen and (max-height:1536px) {#sidebar {height:90%!important;}}
@media screen and (max-height:2048px) {#sidebar {height:90%!important;}}
@media screen and (max-height:2224px) {#sidebar {height:90%!important;}}*/


/*#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #7386D5;
    color: #fff;
    transition: all 0.3s;
}*/

#sidebar.active {
    margin-left: 0px!important;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 15px 0px 15px 25px;
    font-size: 1.2em;
    display: block;
    color:#fff;
}

#sidebar ul > li:nth-child(2n+2) a {
     background-color: #49227a;
}

#sidebar ul > li a {
     background-color: #5f3a88;
}

#sidebar .bottom-list li a {font-size:1rem; background-color:#5f3a88!important;padding: 10px 0px 10px 30px!important;}

#sidebar ul li a:hover {
    color: #FF5A1D;
    text-decoration:none;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
}

#sidebar a[data-toggle="collapse"] {
    position: relative;
}

#sidebar .dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 45%;
    right: 27px;
    transform: translateY(-50%);
    transform: scale(1.8)!important;
}

#sidebar a[aria-expanded='false'] > .dropdown-toggle {
    transform: scale(1.0) rotate(90deg)!important;
    display: block;
    position: absolute;
    top: 100%;
    right: 29px;
    transform: translateY(-50%);
    
}

#sidebar ul ul a {
    font-size: 1rem !important;
    padding: 7px 0px 7px 30px!important;
    background: #f2f2f2!important;
    color:#000000;
    text-decoration:none;
}

.mobile-heading {
    font-size: 1rem !important;
    padding: 7px 0px 7px 30px!important;
    background: #f2f2f2!important;
    color:#e7450f;
    text-decoration:none;
    font-weight: 600;
}

#sidebar a.article,
#sidebar a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
    text-decoration:none;
}
/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: 100%;
    min-height: 100vh;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
    #sidebar {
        margin-left: -350px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
}


/* ---------------------------------------------------
    BREADCRUMBS (Blog)
----------------------------------------------------- */


.blogbreadcrumb ul {
    list-style: none;
}

.blogbreadcrumb li {
    display: inline;
}
  
.blogbreadcrumb li::before {
    content: ">";
}
    
.blogbreadcrumb li:first-child::before {
    content: "";
}

.blogtent h2{color: #FF5000;
padding: 10px 10px 10px 0px !important;
font-size: 1.2em !important;
font-weight: 400 !important;
text-transform: capitalize !important;}


/* ---------------------------------------------------
    PAGINATION (News)
----------------------------------------------------- */

.page-nav .page-numbers{
    color:#ffffff!important;
    background:#4A237B!important;
    border:none!important;
	display:block;
	width:auto;
	float:left;
	margin: 0px 2px 0px 2px;
	padding:10px 12px 10px 12px;
	text-decoration:none;
}

.page-nav .page-numbers:hover{
	background: #FF5A1D!important;
	color:#ffffff!important;
	text-decoration: none;
	border:none!important;
}

.page-nav .current{
        color:#ffffff!important;
        background:#FF5A1D!important;
        padding:10px 12px 10px 12px;
        border:none!important;
}


/* ---------------------------------------------------
    LOOP CARDS (Global)
----------------------------------------------------- */

#loopcard a:hover {text-decoration:none;}
#loopcard .card {border-radius:0px!important;background:#fff!important;}
#loopcard .card:hover {background:#f3f3f3!important;transition: color .30s ease-in-out,background-color .30s ease-in-out;}
/*#loopcard .card:hover p {color:#fff!important;transition: color .30s ease-in-out,background-color .30s ease-in-out;}*/
#loopcard .card:hover .card-img-top {opacity:0.6;transition: opacity .30s ease-in-out!important;}
#loopcard .fas {background:transparent!important;color:#FF5A1D!important;}


/* ---------------------------------------------------
    FOOTER STYLE
----------------------------------------------------- */
#footer a {color:#fff!important;}
#footer i:hover {background-color:#FF5A1D!important; border-radius:20px;}
@media screen and (max-width: 991px){#footer ul {margin-left:-23px!important;}}

/* Twitter Widget */
.home-tweet-date, .home-tweets-ul a {color:#fff!important; font-size:0.9rem!important;}
.home-tweet-date, .home-tweets-ul a:hover {color:#FF5A1D!important;}
.home-tweet-date, .home-tweets-ul p {color:#fff!important;}
.home-tweet-date {padding-top:10px;}
ul.home-tweets-ul{list-style:none;margin-left:-40px;}

/* ----- VALIDATION ----- */
label.error {
    color: #FF5A1D;
    font-size: 1rem;
    display: block;
    margin-top: 5px;
}

input.error, textarea.error {
    border: 1px dashed #FF5A1D;
    font-weight: 300;
    color: red;
}


/* ---------------------------------------------------
    BLOCKQUOTE
----------------------------------------------------- */

blockquote{
  font-size: 1.4em;
  width:60%;
  margin:50px auto;
  font-family:Open Sans;
  font-style:italic;
  color: #555555;
  padding:1.2em 30px 1.2em 75px;
  border-left:8px solid #FF5A1D ;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#FF5A1D;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

/* Badges (fpr events) */
.badge-warning {
background-color: #d58512;
}

.badge-success {
background-color: #398439;
}

.badge-info {
background-color: #269abc;
}

.badge-inverse {
background-color: #333333;
}

.facetwp-radio {display: inline-block;    
                background: none;
                padding-right:10px;
}

.facetwp-type-radio {margin:0px;}

.facetwp-facet {margin-bottom:0px !important;}

/* Tabs */
 .tab-holder {border-bottom:1px solid #C0C0C0; padding: 0px 0px 0px 25px;}
 .tab-holder a:hover { text-decoration: none; }
 
 .tab-item-down {
    display:inline-block; 
    padding: 10px 10px 0px 10px; 
    border-left:1px solid #C0C0C0;
    border-top:1px solid #C0C0C0;
    border-right:1px solid #C0C0C0;
    border-bottom:1px solid #fff;
    margin-bottom:-1px;
    margin-right: 5px;
 }
 
  .tab-item-up {
    display:inline-block; 
    padding: 10px 10px 0px 10px; 
    border-left:1px solid #C0C0C0;
    border-top:1px solid #C0C0C0;
    border-right:1px solid #C0C0C0;
    border-bottom:1px solid #C0C0C0;
    margin-bottom:-1px;
    margin-right: 5px;
    background-color: #D3D3D3;
 }
 
 .tab-item-up a {color: #808080!important;}
 
 /* Home body */
 .home-intro {font-size: 1.2rem; font-weight: 400;}