/*
Theme Name: Cactus Global
Theme URI: https://cactusglobal.com/
Author: Cactus Digital
Author URI: https://cactusglobal.com/
Description: This theme is specifically created for Cactus Global. Cactus Global provide science communication and impact solutions worldwide with the aim of making science accessible to a global audience and creating new opportunities in academic publishing. Cactus Global specialize in author services, research impact acceleration, medical communication support, and technology products for business solutions.
Version: 1.3.5
Tags: light, customized menu, responsive-layout, accessibility-ready, multi-image upload, timeline slider, add more functionality, customized category, customized tags
Text Domain: cactus
*/
body
{
text-align: left;
}
#ttr_sidebar
{
border-left: 1px solid black;
}
#ttr_footer
{
width: 100%;
border-top: 1px #a2a2a2 solid;
text-align: center;
}
.title
{
font-size: 11pt;
font-family: verdana;
font-weight: bold;
}
i.fa.fa-envelope-o{
    color: #666 !important;
}
.find-section .overflow-scroll {
    overflow: auto!important;
}
.value-card p:first-child {
    margin-top: .8rem;
}
@media (max-width: 900px) and (min-width: 568px) {
header .navbar .navbar-collapse #nav-container ul .nav-li p {   
    padding: 0 0 1rem 0}
.home .making-impact-section .content-container .content {
    padding-left: 0rem!important}	
}
header .navbar .navbar-collapse #nav-container ul li .dropdown-nav .main-link p{cursor: default !important; display: flex !important}
header .navbar .navbar-collapse #nav-container ul li .dropdown-nav .secondary-div p{cursor: default !important;display: flex !important}

@media (max-width: 767px) {
    /*.mobile-form .form-card:nth-of-type(1) .form-input{*/
    /*    display:  block !important;*/
    /*}*/
    .mobile-form .form-card:nth-of-type(1).show .form-input{
        display:  none !important;
    }
    /*.form-card .form-input {*/
    /*    display: none !important;*/
    /*}*/
    .form-card.show .form-input{ display: block !important }
}

/*Language bar styles starts*/
header .navbar .navbar-collapse #nav-container ul .language:hover p::after {width: 8px!important;}
@media (max-width: 568px){
    header .navbar .navbar-collapse #nav-container ul .language {width: auto;padding-right: 5px;}
    header .navbar .navbar-collapse #nav-container ul .language .dropdown-nav {width: auto!important;}
    header .navbar .navbar-collapse #nav-container ul .active p span.btm-line {border-bottom:1px solid #f3f3f3; padding-bottom:5px;}
    a.single_img_cut {width: 100% !important;}
    .update_card picture img{height: 100% !important;}
}

@media (max-width: 900px) and (min-width: 568px){
    header .navbar .navbar-collapse #nav-container ul .language {width: 97%!important;}
    header .navbar .navbar-collapse #nav-container ul .language p::after {display:none;}
    header .navbar .navbar-collapse #nav-container ul .language:hover p::before{top:20%!important;}
    header .navbar .navbar-collapse #nav-container ul .language:hover p::after {width: 8px!important; display:none!important;}
    header .navbar .navbar-collapse #nav-container ul .active p span.btm-line {border-bottom:1px solid #f3f3f3; padding-bottom:5px;}
    header .navbar .navbar-collapse #nav-container ul li .dropdown-nav{display:inline-block!important}
    .update_card picture img{height: 100% !important;}
}
/*Language bar styles ends*/
/*Trending Stories*/
a.single_img_cut {width: 50%;}
.trending_story_card .update_card picture img{height: 100% !important;}
@media only screen and (device-width: 768px) {
    .update_card picture img{
        height: 100% !important;
    }
    a.single_img_cut {
    width: 100% !important;
    }
  }
  
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
    .update_card picture img{
        height: 100% !important;
    }
    a.single_img_cut {
    width: 100% !important;
    }
}
  
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
    .update_card picture img{
        height: 100% !important;
    }
    a.single_img_cut {
    width: 100% !important;
    }
}
.brand-details-page .client-section .carousel-wrap .owl-carousel .owl-stage-outer{height:350px}
.brand-details-page .client-section .carousel-wrap .owl-carousel .item .client-detail{flex-direction: row !important;  display: table-cell !important}
.brand-details-page .client-section .carousel-wrap .owl-carousel .item{  display: table-cell !important  }
.brand-details-page .client-section .carousel-wrap .owl-carousel .item .client-detail .work-detail img{position:absolute; top:0;}
.brand-details-page .client-section .carousel-wrap .owl-carousel .item img{float:left}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (orientation: portrait) { 
          .brand-details-page .client-section .carousel-wrap .owl-carousel .item .client-detail .work-detail img{position:relative !important}
.brand-details-page .client-section .carousel-wrap .owl-carousel .item img{float:none !important}
.brand-details-page .client-section .carousel-wrap .owl-carousel .owl-stage-outer{height:800px !important}
}

@media (min-width: 568px) and (max-width: 900px){
.brand-details-page .client-section .carousel-wrap .owl-carousel .item .client-detail {    padding: 2rem !important}
.brand-details-page .client-section .carousel-wrap .owl-carousel .owl-stage-outer{height:600px !important}
}



dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
table {
    border-spacing: 0px;
    border: 0px solid #c7cad6bf;
}
table.privacy-table.versioning tr {
    background: #ffffff;
    vertical-align: top;
}
tr:nth-child(even) {
    background-color: #c6d2e4b3;
}
table.privacy-table.versioning tr:first-child {
    background: #d8dfec;
}
.privacy-table {
    width: 100%;
}
.privacy-table td, .privacy-table th {
    border: 1px solid gray;
    padding: 5px 10px;
}
.privacy h3 {
    margin: 20px 0 !important;
}
.freelance .detail-section .container .freelance-sections p {
	line-height: 28px;
}
.privacy ol li, .cookies ol li, .privacy ul li, .cookies ul li {
    line-height: 25px;
    margin-left: 3rem !important;
    color: #000000 !important;
    font-size: 14px !important;
}
.privacy .freelance-sections ul li, .privacy .freelance-sections ol li {
    font-size: 16px !important;
    line-height: 28px !important;
    background: none !important;
    list-style: circle;
}