/*css start*/
@font-face {
    font-family: 'DMSerifText-Regular';

    src: url('/etc/designs/digital/overrides/css/idbrca-global/fonts/DMSerifText-Regular.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DMSans-Regular';
    src: url('/etc/designs/digital/overrides/css/idbrca-global/fonts/DMSans-Regular.woff') format('woff');
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DM-Sans-Bold';
    src: url('/etc/designs/digital/overrides/css/idbrca-global/fonts/DMSans-Bold.woff') format('woff');
       font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
	font-family: "DMSans-Regular", sans-serif;
    color: #1a202c;
    box-sizing: border-box;
}
.landingPageBlock .tab-container {
    display: none;
}
.container.middle-content .component-section {
	padding-top: 0;
}
a.morebtn {
	font-size: 16px;
}
.landing-3-col .col-sm-4.col-xs-12 .cont-sec .d-flex {
	min-height: 230px;
}

.left-block-content h5{
	font-size: 35px;
}
.d-flex h4{
	font-size: 35px;
	line-height: 38px;
	margin-top: 0;
}
.navbar-default .navbar-nav>li:nth-child(2):hover {
    background-color: #D8948B;
}
@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: landscape){
.landing-3-col .col-sm-4.col-xs-12 .cont-sec a.morebtn{padding: 0px 40px 5px;}
}


.breast-cancer-sec .cont-sec {
    padding: 20px 20px 0px;
}

.breast-cancer-sec {
    background: url(/content/dam/open-digital/idbrca-global/eg/eg/landing-page/landing-hero-transparent.png) no-repeat top;
    width: 100%;
    height: 500px;
    background-size: contain;
    position: relative;
    border: 2px solid #ebebeb;
    background-color: #c9c2e5;
}
.breast-cance-cont {
     background-color: #fff;
     width:60%;
     padding: 20px 20px 24px;
     position: absolute;
     bottom: 0;
     left: -1px;
     width: 354px;
}

.ovarian-cancer_sec {
         background: url(/content/dam/open-digital/idbrca-global/eg/eg/landing-page/landing-hero-transparent.png) no-repeat top;
    width: 100%;
    height: 500px;
    background-size: contain;
    position: relative;
    border: 2px solid #ebebeb;
    background-color: #87aee4;
}
.ovarian-cancer-cont {
     background-color: #fff;
     width: 60%;
     padding: 20px 20px 24px;
     position: absolute;
     bottom: 0;
     left: -1px;
      width: 354px;
}
.ovarian-cancer-cont .d-flex p{
	    margin-bottom: 0;
}
.pancreatic-cancer-sec {
    background: url(/content/dam/open-digital/idbrca-global/eg/eg/landing-page/landing-hero-transparent.png) no-repeat top;
    width: 100%;
    height: 500px;
    background-size: 100%;
    position: relative;
    border: 2px solid #ebebeb;
    background-color: #dfc451;
}
.pancreatic-cancer-cont {
     background-color: #fff;
     width: 60%;
     padding: 20px 20px 24px;
     position: absolute;
     bottom: 0;
     left: -1px;
      width: 354px;
}
.prostate-cancer-cont .d-flex p{
	    margin-bottom: 0;
}
.prostate-cancer-sec {
         background: url(/content/dam/open-digital/idbrca-global/eg/eg/landing-page/landing-hero-transparent.png) no-repeat center;
    width: 100%;
    height: 500px;
    background-size: 101%;
    position: relative;
    border: 2px solid #ebebeb;
    background-position: top;
    background-color: #32536e;
    /*display: none;*/
}
.prostate-cancer-cont {
     background-color: #fff;
     width: 60%;
     padding: 20px 20px 24px;
     position: absolute;
     bottom: 0;
     left: -1px;
      width: 354px;
}

.secondrowcol{
	padding-top: 30px;
}
.breast-cancer-sec .linkBtn, .ovarian-cancer_sec .linkBtn, .pancreatic-cancer-sec .linkBtn, .prostate-cancer-sec .linkBtn{
    margin-bottom: 0;
}


/*Tumor type styling start-landing-page*/
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:active, 
.navbar-default .navbar-nav>.open>a:focus{background-color: white; border: none;}

.navbar-nav>li>.dropdown-menu {border-radius: 10px;}

.landingPageBlock .primary-navigation .nav li.open>.dropdown-menu>li a,
.landingPageBlock .primary-navigation .nav li>.dropdown-menu>li a
    {
    padding: 10px 5px 10px 15px;
    border: none;
    margin: 5px auto;
    font-family: 'DM-Sans-Bold';
    font-size: medium;
    color: #1a202c;
    width: 90%;
    border-radius: 0;

}

.landingPageBlock .primary-navigation .nav li.open>.dropdown-menu>li a:hover, 
.landingPageBlock .primary-navigation .nav li.open>.dropdown-menu>li a:active,
.landingPageBlock .primary-navigation .nav li.open>.dropdown-menu>li a:focus {
	background: none; background-color: #0044FF; color: #fff; padding-left:30px;
}

.landingPageBlock .dropdown.first-level-item.visible-xs.hidden-menu.open .dropdown-menu > li {
    margin-bottom: 5px;
}

.landingPageBlock .mobile-configuration .primary-navigation .nav li.open>.dropdown-menu>li a::before {
	content:"";
    background: url('/content/dam/open-digital/idbrca-global/eg/eg/landing-page/arrow-icon.png') no-repeat center center;
    width: 14px; height: 14px;
    display: inline-block;
    margin: 0 5px 0 -10px;
}

.landingPageBlock .mobile-configuration .primary-navigation .nav li.open>.dropdown-menu>li a:hover::before {
	display:none;
}

.dropdown-menu>li.active>a, .dropdown-menu>li>a{margin: 5px; border: none; font-size: medium; font-family: "DMSans-Regular", sans-serif; color: #1a202c;}

.tumourTypeMenu, .dropdown-menu, .top-header .header-actions>li>a{ font-size: medium; font-family: "DMSans-Regular", sans-serif; color: #1a202c;}

.landingPageBlock .dropdown-menu>li.active>a:focus, .dropdown-menu>li.active>a:hover, .dropdown-menu>li.active>a:active,
.landingPageBlock .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:active{
	 background: #ebebeb;
    border-radius: 12px;
    margin: 5px;
    border: none;
    font-size: medium; 
    font-family: "DMSans-Regular", sans-serif; color: #1a202c;
}

.caret {
    vertical-align: text-top;
    border:none;
}

span.caret::after {
    content: '\f107';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 1.25em;
    vertical-align: middle;
}

.dropdown.open span.caret::after {
    content: '\f106';
}

	span.caret-block>.fa {display: none !important;}

.landingPageBlock .dropdown-toggle .bottom-hover-border {
	border: none;
}

.dropdown.first-level-item.visible-xs {
    border: 1px solid grey !important;
    width: 95%;
    margin: 0 auto;
}

.dropdown.first-level-tem.visible-xs .dropdown-menu {
    width: 95%;
    margin: 0 auto;
    border-radius: 0;
}

.primary-navigation .nav.navbar-nav.stacked-menu li:last-child {margin-bottom:10px;}

@media screen and (max-width: 767px) {

.landingPageBlock .primary-navigation .nav li.open>.dropdown-menu>li a 
    {

    width:90%;
}

.dropdown.first-level-item.visible-xs {width: 94%;}
.dropdown.first-level-item.visible-xs .bottom-hover-border{padding-left: 20px;}


.landingPageBlock .dropdown.first-level-item  span.caret-block:after {
    content: '\f107';
    font-family: 'FontAwesome';
    padding-right: 25px;
}

.landingPageBlock .dropdown.first-level-item.open span.caret-block:after {
    content: '\f106';
}
.landingPageBlock .navbar-default .navbar-nav>li:nth-child(4):hover {
    background-color: #fff;
}
}
@media screen and (max-width: 767px) and (orientation:portrait) {
    .dropdown.first-level-item.visible-xs {width: 91%;}
}
@media screen and (max-width: 767px) and (orientation:landscape) {
	.landingPageBlock .primary-navigation .nav li.open>.dropdown-menu>li>a {width: 95%;}
	}

@media screen and (max-width: 991px){
	.left-block-content h5{
		font-size: 20px;
		    margin-top: 0;
	}
	.two-column-block {
	    text-decoration: none;
	    display: flex;
	    flex-flow: row-reverse;
	    align-items: flex-start;
	    padding: 30px 10px;
	    border-bottom: 1px solid #bebebe;
	}
	.left-block-content{
		    padding-left: 20px;
		     padding-right: 0;
	}
      /*.last-row{
		display: none;
	}*/
	.linkBtn{
    	margin-bottom: 0;
	}
	.linkBtn a{
		display: inline!important;
		padding: 0!important;
		border: none!important;
	}
	.right-callout-img {
    	flex: 0 0 36%;
	}
    .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
    }
	.left-block-content {
    	flex: 0 0 67%;
	}
    .left-block-content p{	
		margin-bottom: 0;
    }
	p, .text.parbase ol li, .text.parbase ul li{
		    font-family: "DMSans-Regular", sans-serif;
	    font-size: 14px;
	    letter-spacing: 0;
	    line-height: 20px;
	    color: #1a202c;
	    font-weight: normal;
	    margin-bottom: 24px;
	}
	a.morebtn {
    	font-size: 12px;
    	    line-height: 20px;
	}
	a.morebtn:after{
		    margin-left: 3px;
        	width: 28px;
   		 height: 28px;
	}

}
.primary-navigation .nav>li.open>.dropdown-menu {border-radius:0;}

/*   Tumour type hamburger menu for ipad portrait resolution css updates :*/

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {

    .dropdown-menu {position: static; width:auto;}                    
    .dropdown.first-level-item.visible-xs {
    	border: 1px solid grey !important;
    	width: 100%;
        background-color:white;
	}

	.dropdown.hidden-xs {display: none;}
	.dropdown.first-level-item.visible-xs {display: block !important;}
	.dropdown-toggle.bottom-hover-border {width: 100%; padding: 10px 20px;}
	.primary-navigation .nav>li.open>.dropdown-menu {border-bottom: 1px solid #ebebeb; width:100%; border-radius:0;box-shadow: none;}
	.primary-navigation .nav.stacked-menu .hidden-menu {display: block; padding: 0px 30px;  background-color:white;}
	.navbar-default .navbar-nav>li:nth-child(4):hover { background-color: #fff; }

	.landingPageBlock .primary-navigation .nav li.open>.dropdown-menu>li a	{
   		 width:99%; padding:10px 5px 10px 15px !important;
	}
	.landingPageBlock .primary-navigation .nav li.open>.dropdown-menu>li a:hover,
	.landingPageBlock .primary-navigation .nav li.open>.dropdown-menu>li a:active,
	.landingPageBlock .primary-navigation .nav li.open>.dropdown-menu>li a:focus{
		padding-left: 30px !important; 
     }

	.primary-navigation li a .caret-block {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding-right: 5px;
	}

}
@media screen and (min-width: 991px){
.landing .container.middle-content .component-section {padding-bottom: 10px;}
}