/**
 * Place your custom styles here.
 */
/* For ICRP Partnership Application Webform */
#edit-country--description {
	font-style: italic;
}

.reduced_fee {
	display: none;
}


.form-item--error-message {
	display: block !important;
	font-weight: 300;
	color: red;
	font-size: 13px;
}

.control-label {
	margin-bottom: 0;
}


/* Fix Bootstrap Reading fonts */
/* Suggested by Lee on 1/18/2017 */

html,
body {
	font-family: Roboto, Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	color: inherit;
	font-family: Roboto, Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.1;
}

h1 {
	/*color: rgb(226,164,42);*/
	color: #E8BD6B;
	font-size: 32px;
	font-weight: normal;
	margin-top: 0px;
}

.site-color {
	color: #E8BD6B;
}

h2 {
	margin-top: 0px;
}

/* Dialog Box*/
table .event-table {
	margin-bottom: 0px;
}

/* FAQ question */
blockquote {
	padding: 11px 22px;
	margin: 0 0 22px;
	font-size: 20px;
	border-left: 1px solid #4582ec;
}

.event-table>thead>tr>th,
.event-table>tbody>tr>th,
.event-table>tfoot>tr>th,
.event-table>thead>tr>td,
.event-table>tbody>tr>td,
.event-table>tfoot>tr>td {
	border-top: 0px;
}

.event-table td:first-child {
	font-weight: bold;
}

.event-table img {
	display: block;
	max-width: 100%;
	height: auto;
}

#calendar-modal h4.modal-title>.fc-event-default {
	font-size: 18px;
}

#calendar-modal .modal-body {
	padding: 20px 20px 0px 20px;
}

#events-and-resources-card>.card-header {
	padding: 0.25rem 0.75rem;
	font-weight: bold;
}

#events-and-resources-card>.card-body {
	padding: 0rem 0.75rem;
}

/* cellpadding */
#last-meeting-report-table tr>td {
	padding: 5px;
	vertical-align: top;
}

#last-meeting-report-table {
	margin-bottom: 10px;
}

#last-meeting-report-table tr:nth-child(2)>td {
	text-align: center;
	vertical-align: bottom;
}

#last-meeting-report-img {
	width: 150px;
	float: left;
}

#last-meeting-report-table {
	font-size: 15px;
}

fieldset[data-drupal-selector="edit-status"]>legend,
fieldset[data-drupal-selector="edit-roles"]>legend,
fieldset[data-drupal-selector="edit-library-access"]>legend {
	float: left;
	width: 125px;
	padding-top: 8px;
	border: none;
}

#can-upload-library-files {
	font-size: 1em;
	font-weight: bold;
	border: none;
	margin: 0;
	margin-right: 10px;
}

#can-upload-library-files-container {
	padding-bottom: 20px;
}

.container-inline .radio label,
.container-inline .checkbox label {
	padding-right: 12px;
	font-weight: normal;
}

#events-and-resources-1--content>div>div>div>.col-md-9 {
	padding-left: 0px;
}

#events-and-resources-1--content>div>div>div>.col-md-3 {
	padding: 0px;
}

#events-and-resources-card {
	display: none;
}

#events-and-resources-1>.panel-heading>.panel-title,
#events-and-resources-2>.panel-heading>.panel-title {
	display: inline-block;
}

.events-edit-link {
	float: right;
	display: block;
	margin: -10px -15px;
	padding: 20px 25px;
}

#edit-container2 {
	height: 389.2px;
}

#edit-settings {
	height: 100%;
}

/* Partner Application Review */

#edit-status--wrapper>div>#edit-status {
	display: inline-block;
}


/* Full Calendar */
div.fullcalendar>div>div.fc-center>h2 {
	color: #222222;
}

div.view-next-icrp-meeting-view>div.view-content>div.views-row>div.views-field.views-field-nothing {
	font-size: 18px;
}

div.view-next-icrp-meeting-view>div.view-content>div.views-row>div.views-field.views-field-body {
	margin-top: 10px;
	margin-bottom: 5px;
}

div.views-field.views-field-nothing-1 {
	padding-top: 10px;
}

/* Footer Nav (spacing) */
.navbar-nav>li>a {
	border: 1px solid transparent;
	border-radius: 4px;
	margin: 12.5px 6px;
}

.fa {
	color: #3371a8;
}

.fa-inverse {
	color: #fff;
}

div#views-bootstrap-frequently-asked-questions-page-1>div.panel {
	margin-bottom: 21px;
}

/* Twig Tweak - drupal_entity() fix */
/* Show block in footer but hide it.  It is show elsewhere on the page. */
footer>div>section#block-partnerhomewelcome,
footer>div>section#block-partnerhomewelcomemanager,
footer>div>section#block-partnerhomepartnercalendareditbutton,
footer>div>section#block-partnerhomepartnercalendar,
footer>div>section#block-partnerhomepartnermanagementeditbutton,
footer>div>section#block-partnerhomepartnermanagement,
footer>div>section#block-icrpsiteupdateddate,
.region.region-footer> :not(:first-child) {
	display: none;
}

section#block-partnerhomewelcome>div>div>h2,
section#block-partnerhomewelcomemanager>div>div>h2 {
	margin-top: 25px;
}

div.webform-element>label.control-label {
	display: none;
}

.carousel-inner>.item:hover,
.carousel-inner>.item:focus {
	color: #ffffff;
	opacity: 0.9;
	outline: 0 none;
	text-decoration: none;
	cursor: pointer;
}

.logo img {
	margin-top: 15px;
}

/* Membership Status - Expose Form*/

#about-us-container .panel-title {
	font-size: 24px;
	font-weight: bold;
}

#about-us-container .about-us-body {
	padding: 20px;
}

#about-us-container h3 {
	font-size: 20px;
}

#about-us-2 dd {
	display: list-item;
	list-style-type: disc;
	margin-left: 40px;
}

#about-us-3 dt {
	margin-bottom: 5px;
}

#form-membership-status .select-wrapper {
	display: inline-block;
}

div.main-container>div>section>div>div>div>ol {
	list-style-type: none;
}

/* FAQ */
#faq-detailed-question {
	font-size: 30px;
	font-weight: bold;
	margin: 25px;
}

#faq-body {
	font-size: 18px;
	margin: 25px 50px 0px;
}

#organization-body {
	font-size: 30px;
	font-weight: bold;
	margin: 25px;
}

body {
	position: relative;
	margin-top: 0px;
}

/* Footer Nav */
.nav-footer-middle>ul>li {
	border-right: 1px solid #bbb;
	height: 25px;
}

.nav-footer-middle>ul>li:last-child {
	border-right: none;
}

.nav-footer-middle>ul>li>a {

	display: inline;
}

.nav-footer-middle>ul.nav.navbar-nav>li>a {
	padding: 5px 2px;
}

.nav-footer-middle {
	min-height: 0px;
	width: 350px;
	text-align: center;
	display: inline-block;
	white-space: nowrap;
}

.footer-date {
	color: darkgrey;
	font-size: 12px;
}

.partner-content {
	border: 1px solid #dddddd;
	border-top: 0px;
	padding: 15px;
}

.partner-content>div.tab-pane {
	min-height: 400px;
}

/* CSO Page */
/* Download block */
#downloadPanel {
	width: 210px;
	float: right;
	background-color: #FFF;
	border: 1px solid #cccccc;
	padding: 10px;
	line-height: 15px;
	margin-left: 0px;
	margin-top: 15px;
	margin-bottom: 50px;
	color: #444444;
	font-size: 12px;
}

#downloadTitleBar {
	background-color: #f0f0f0;
	font-weight: bold;
	margin: -10px;
	margin-bottom: 5px;
	font-size: 12px;
	padding: 5px;
	color: #333333;
}

#downloadTitleBar img {
	vertical-align: middle;
}

#downloadPanel span {
	margin-top: 0px;
	font-size: 80%;
	float: right;
	color: #555555;
}

#downloadPanel hr {
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	border-color: #cccccc;
	margin-top: 9px;
	margin-bottom: 8px;
}

#downloadPanel a img {
	border: none;
	width: 16px;
	height: 16px;
	vertical-align: top;
	margin-right: 5px;
}

#downloadPanelRegisterButton {
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: 50px;
}

/* END of CSO Page */

/* Authenticated and Anonymous User Menu */
#block-bootstrap-subtheme-account-menu {
	float: right;
	margin-right: 18px;
}

#block-bootstrap-subtheme-account-menu>ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#block-bootstrap-subtheme-account-menu>ul>li,
#block-bootstrap-subtheme-account-menu>ul>a {
	display: inline;
	padding-right: 10px;
}

/* Search Well */
.well.search-well {
	float: right;
	height: 60px;
	background: white;
	/* border:none; */
	box-shadow: none;
	/* From .navbar-toggle */
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0;
	float: right;
	margin-bottom: 5.5px;
	margin-right: 15px;
	margin-top: 5.5px;
	padding: 9px 10px;
	position: relative;
}

.logo {
	min-width: 933px;
}

/* Make .btn responsive */

.btn-responsive {
	white-space: normal !important;
	word-wrap: break-word;
}

/* Well Classes */
.bg-orange {
	background-color: BlanchedAlmond;
}

.bg-blue {
	background-color: LightSteelBlue;
	margin-top: 10px;
}

.bg-grey {
	background-color: #f5f5f5;
}

.bg-white {
	background-color: White;
}

/* Carousel*/
.carousel-caption {
	background-color: #337AB7;
	/* border: 1px solid; */
	border-radius: 25px;
	opacity: 0.7;
}

/* Search */
.search-well {
	background-color: #f8f8f8;
	border: none;
}

/* Looks better fixes */
/* Header */
header {
	margin-bottom: 0px;
	overflow: hidden;
}

.navbar-default {
	margin-bottom: 0px;
	background-color: #f8f8f8;
}

.front-page a {
	font-weight: bold;
}

#become-a-partner-wells h4,
#become-a-partner-wells p {
	margin-bottom: 25px;
}

#become-a-partner-wells>div>div>p:last-child {
	margin-bottom: 10px;
}

/* h2 titles for contextual-region */
.contextual-region>h2 {
	color: black;
	font-size: 18px;
}

/* FAQ Add */
#node-faq-form>div>div.layout-region-node-secondary {
	display: none;
	visibility: hidden;
}

.layout-region-node-secondary {
	display: none;
}

/* Adjust front page container */

/* Home Page */


h2 {
	font-size: 24px;
	font-weight: normal;
}

ul.nav-pills {
	top: 20px;
	position: absolute;
}

/* CSO Page */
#cso-document-container {
	height: 900px;
	overflow: auto;
	border: 2px solid #dddddd;
	margin-top: 15px;
	margin-bottom: 15px;
}

div#cso-document-container>div>h2 {
	color: DarkBlue;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

div#cso-document-container>div>h1 {
	color: DarkBlue;
	font-size: 28px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-top: 35px;
}

#cso-container>div>div>button {
	width: 210px;
	margin-top: 5px;
}

.nav-pills>li>a {
	margin-right: 15px;
}

.btn-example {
	/*background-color: LightGrey; */
	margin-left: 5px;
}

/* Adjust label on Webforms */
#edit-current-annual-operating-budget-container>div>label::before {
	content: "(Optional)";
	color: red;
	padding-right: 5px;
}

#edit-committee {
	margin-top: 20px;
}

/*  */

._control-label-align-right {
	text-align: right;
}

._row {
	padding-top: 1.5rem;
}

._col-1>label,
._col-2>label,
._col-3>label,
._col-4>label,
._col-5>label,
._col-6>label,
._col-7>label,
._col-8>label,
._col-9>label,
._col-10>label,
._col-11>label,
._col-12>label,
._col-sm-1>label,
._col-sm-2>label,
._col-sm-3>label,
._col-sm-4>label,
._col-sm-5>label,
._col-sm-6>label,
._col-sm-7>label,
._col-sm-8>label,
._col-sm-9>label,
._col-sm-10>label,
._col-sm-11>label,
._col-sm-12>label {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0;
}

._col-sm-2-for-label>label {
	color: blue;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

._col-1>label {
	float: left;
	width: 8.333333%;
}

._col-2>label {
	float: left;
	width: 16.666667%;
}

._col-3>label {
	float: left;
	width: 25%;
}

._col-4>label {
	float: left;
	width: 33.333333%;
}

._col-5>label {
	float: left;
	width: 41.666667%;
}

._col-6>label {
	float: left;
	width: 50%;
}

._col-7>label {
	float: left;
	width: 58.333333%;
}

._col-8>label {
	float: left;
	width: 66.666667%;
}

._col-9>label {
	float: left;
	width: 75%;
}

._col-10>label {
	float: left;
	width: 83.333333%;
}

._col-11>label {
	float: left;
	width: 91.666667%;
}

._col-12>label {
	float: left;
	width: 100%;
}

/* Font Awesome icons on the front page */
.fa-stack.fa-lg {
	margin-bottom: 5px;
}

aside>div {
	/* overflow:hidden; */
}

aside.col-sm-3 {
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #fafafa;
	border: 1px solid #e8e8e8;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.aside-title {
	color: #3371a8;
	font-size: 22px;
}

.newsletter-title {
	padding: 2px;
	font-size: 18px;
	font-weight: bold;
}

.newsletter-image {
	padding: 15px;
}

#newsletter-description-container {
	overflow: hidden;
}

.newsletter-description {
	padding: 5px;
}

.newsletter-image img {
	box-shadow: 10px 10px 5px #888888;
}

/* Twitter Container */
#twitter-container {
	min-height: 350px;
	min-width: 135px;
	overflow-y: scroll;
}

.twitter-partner {
	height: 160px;
}

.icrp-bootstrap-container:last-of-type {
	margin-bottom: 10px;
}

.icrp-bootstrap-container {
	margin-top: 10px;
}

.dl-horizontal dt {
	white-space: normal;
	width: 550px;
}

.dl-horizontal dd {
	white-space: normal;
	margin-left: 560px;
}

.webform-header {
	font-weight: bold;
	margin-top: 5px;
}

ul.icrp-terms-list {
	margin: 10px;
	list-style: none;
	padding: 0px;
}

ul.icrp-terms-list li:before {
	content: '\2713';
	margin: 0 1em;
	/* any design */
}

/* Survey Results */
/*

*/
.survey .row {
	margin-left: 25px;

}

.survey h3 {
	font-size: 16px;
	text-align: center;
}

.survey .card {
	margin: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

/* Suvey Results Completed Col */
.view-survey-results table>thead>tr>th:nth-child(2) {
	width: 110px;
}

/* Suvey Results Reason for vist Col */
.view-survey-results table>thead>tr>th:nth-child(3) {
	width: 270px;
}

/* Suvey Results Reason for vist Col */
.view-survey-results table>thead>tr>th:nth-child(8) {
	width: 300px;
}

.survey-results-table>h2 {
	font-weight: normal;
	font-size: 30px;
}

.survey-results,
.feed-icons {
	display: none;
}

.survey-results-table>div:nth-child(2) {
	padding-bottom: 10px;
}

.survey-chart-container {
	padding-left: 10px;
}

/* First p showed up on Welcome Page */
/*
.field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item > p {
    height:0px;
}
*/

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

@media only screen and (min-width : 320px) {
	/* =========================
   ONLY fix the homepage scrolling images (Drupal front page)
   ========================= */

	/* If your slider forces a fixed height somewhere, use object-fit */
	.path-frontpage .carousel img,
	.path-frontpage .views-slideshow-cycle-main-frame img {
		object-fit: cover;
		/* prevents distortion if a height is imposed */
	}
        .user-logged-in .main-content{
        width:100% !important;
                margin:auto !important;
        padding-left:15px;
        margin:0px !important;
        }
	.main-content {
		margin-right: 10px;
	}

	.col-sm-12 {
		margin: 0px !important;
		padding: 0px;
		width: 98% !important;
	}


	.user-logged-in .navbar-inverse {
		margin-left: 14px !important;
	}  

	.col-sm-12 {
		padding-left: 0px;
	}

	.main-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.newsletter-image img {
		width: 180px;
	}

	.twitter-anonymous {
		height: 400px;
	}

	.dl-horizontal dt {
		width: 100%;
	}

	.dl-horizontal dd {
		margin-left: 0px;

	}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	.navbar-inverse {
		margin-right: 1px;
	}

	.main-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.nav-footer-middle>ul>li {
		border-right: 0px;
	}

	#twitter-container {
		margin: 0 -10px;
	}

	.newsletter-image img {
		width: 180px;
	}

	.twitter-anonymous {
		height: 500px;
	}

	#block-bootstrap-subtheme-account-menu {
		margin-top: 25px;
	}

	.dl-horizontal dt {
		width: 100%;
	}

	.dl-horizontal dd {
		margin-left: 0px;

	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	        .user-logged-in .homepage .main-content{
        width: 75% !important;
                margin:auto !important;
        padding-left:15px;
        margin:0px !important;
        }
	#content>div.row>div {
		margin-left: 0px;
	}

	.path-frontpage .carousel img,
	.path-frontpage .carousel-inner img,
	.path-frontpage .view-id-homepage .views-field img,
	.path-frontpage .views-slideshow-cycle-main-frame img {
		width: 97%;
		height: auto !important;
		max-width: none;
	}

	.carousel-control-next {
		left: 470px !important;
	}

	.col-sm-3 {
		width: 22.6% !important;
	}

	.main-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.newsletter-image img {
		width: 120px;
	}

	.twitter-anonymous {
		height: 410px;
	}

	#block-bootstrap-subtheme-account-menu {
		margin-top: 5px;
	}

	.dl-horizontal dt {
		width: 374px;
	}

	.dl-horizontal dd {
		margin-left: 394px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

	.path-frontpage .carousel img,
	.path-frontpage .carousel-inner img,
	.path-frontpage .view-id-homepage .views-field img,
	.path-frontpage .views-slideshow-cycle-main-frame img {
		width: 96.5%;
		height: auto !important;
		max-width: none;
	}

	.carousel-control-next {
		left: 627px !important;
	}

	.navbar-inverse {
		margin-right: -5px;
	}

	.col-sm-3 {
		width: 23.5% !important;
	}

	.main-container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.newsletter-image img {
		width: 180px;
	}

	.twitter-anonymous {
		height: 365px;
	}

	#block-bootstrap-subtheme-account-menu {
		margin-top: 25px;
	}

	.dl-horizontal dt {
		width: 490px;
	}

	.dl-horizontal dd {
		margin-left: 510px;
	}

}

/* Social Media Links */
#social-media-links {
	float: right;
	margin: 5px 330px;
	display: inline-block;
	vertical-align: middle;
	width: 145px;
}

#social-media-links>span {
	font-weight: bold;
	padding-right: 10px;
	position: relative;
	bottom: -3px;
	font-size: 10pt;
}

#social-media-links>a>img {
	height: 20px;
	width: auto;
	padding-right: 10px;
}

#social-media-links>a>img:first-child {
	padding-right: 5px;
}

#social-media-links>a:nth-child(2) {
	width: 25px;
}

.col-sm-12 {
	margin: 0px !important;
	padding: 0px;
	width: 99% !important;
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

	.path-frontpage .carousel img,
	.path-frontpage .carousel-inner img,
	.path-frontpage .view-id-homepage .views-field img,
	.path-frontpage .views-slideshow-cycle-main-frame img {
		width: 96%;
		height: auto !important;
		max-width: none;
	}

	.carousel-control-next {
		left: 750px !important;
	}

	.navbar-inverse {
		margin-right: -7px;
	}

	.col-sm-3 {
		width: 23.7% !important;
	}

	.main-container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.newsletter-image img {
		width: 180px;
	}

	.twitter-anonymous {
		height: 390px;
	}

	.dl-horizontal dt {
		width: 590px;
	}

	.dl-horizontal dd {
		margin-left: 610px;
	}

	.col-sm-12 {
		margin: 0px !important;
		padding: 0px;
		width: 99% !important;
	}

}

@media only screen and (min-width : 1450px) {

	.path-frontpage .carousel img,
	.path-frontpage .carousel-inner img,
	.path-frontpage .view-id-homepage .views-field img,
	.path-frontpage .views-slideshow-cycle-main-frame img {
		width: 97.9%;
		height: auto !important;
		max-width: none;
	}

	.main-content {
		margin-right: 0px;
	}

	.carousel-control-next {
		left: 914px !important;
	}

	.col-sm-3 {
		width: 24% !important;
	}

	.col-sm-12 {
		margin: 0px !important;
		padding: 0px;
		width: 98% !important;
	}

	header.navbar-default {
		width: 1440px;
		max-width: 1440px;
	}

	#navbar,
	.footer,
	.main-container {
		width: 1440px;
		max-width: 1440px;
	}

	.main-container {
		padding-left: 0px;
		padding-right: 0px;
	}

	.front-page-banner {
		width: 72%;
	}

	.newsletter-image img {
		width: 190px;
	}

	.twitter-anonymous {
		height: 475px;
	}

	.dl-horizontal dt {
		width: 590px;
	}

	.dl-horizontal dd {
		margin-left: 610px;
	}

	.navbar-inverse {
		margin-right: -13px;
	}
}


.icrp-survey-modal .modal-content {
	border: 4px solid steelblue;
}


.icrp-survey-modal .modal-header {
	background-color: steelblue;
	color: white;
}

#google_translate_element {
	display: inline-block;
	position: absolute;
	right: 0;
	text-align: right;
	margin: 5px 26px;
}

.goog-tooltip.skiptranslate {
	display: none !important;
}

/* Style the Google Translate dropdown */
.goog-te-gadget .goog-te-combo {
	margin: 4px 0;
	width: 120px !important;
	min-width: 0 !important;
	max-width: 100% !important;
	box-sizing: border-box;
}

.flex-container-bap {
	display: flex;
	flex-direction: row;

}

.flex-container-bap>div {
	display: flex;
	width: 100%;
}

.flex-container-bap>div:first-child {
	margin-right: 15px;
}

.flex-container-bap>div:nth-child(2) {
	margin-left: 15px;
	margin-right: 15px;
}

.flex-container-bap>div:nth-child(3) {
	margin-left: 15px;
}


/* On screens that are 992px wide or less, the background color is blue */

@media screen and (max-width: 992px) {
	.flex-container-bap {
		flex-flow: row;
	}

	.flex-container-bap>div:first-child {
		margin-right: 15px;
	}

	.flex-container-bap>div:nth-child(2) {
		margin-left: 15px;
		margin-right: 15px;
	}

	.flex-container-bap>div:nth-child(3) {
		margin-left: 15px;
	}

}


/* On screens that are 600px wide or less, the background color is olive */
@media screen and (max-width: 799px) {
	.flex-container-bap {
		flex-flow: row wrap;
	}

	.flex-container-bap>div:first-child {
		margin-right: 0px;
	}

	.flex-container-bap>div:nth-child(2) {
		margin-left: 0px;
		margin-right: 0px;
	}

	.flex-container-bap>div:nth-child(3) {
		margin-left: 0px;
	}

}

/* Drupal accessibility skip link fix */
.visually-hidden-focusable {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
}

.visually-hidden-focusable:not(:focus):not(:focus-within) {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

.visually-hidden-focusable:focus {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0.5rem 1rem;
	background: #000;
	color: #fff;
	clip: auto;
}

.carousel-inner {
	overflow: hidden;
}

/* FORCE Bootstrap 3 carousel behavior */
/* Bootstrap 3 compatibility for carousel-item */
.carousel-inner>.carousel-item {
	display: none;
	position: relative;
}

.carousel-inner>.carousel-item.active {
	display: block;
}

/* Make BS4/5 carousel controls visible under BS3 */
.carousel-control-prev,
.carousel-control-next {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 15%;
	color: #fff;
	text-align: center;
	opacity: 0.6;
	z-index: 10;
	cursor: pointer;
}

.carousel-control-prev:hover,
.carousel-control-next:hover {
	opacity: 0.9;
}

/* Left arrow */
.carousel-control-prev {
	left: 0;
	background-image: linear-gradient(to right,
			rgba(0, 0, 0, .5) 0%,
			rgba(0, 0, 0, 0) 100%);
}

/* Right arrow */
.carousel-control-next {
	right: 0;
	background-image: linear-gradient(to left,
			rgba(0, 0, 0, .5) 0%,
			rgba(0, 0, 0, 0) 100%);
}

/* Arrow icons */
.carousel-control-prev-icon,
.carousel-control-next-icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
}

/* Fallback icon rendering (BS3 compatible) */
.carousel-control-prev-icon::before,
.carousel-control-next-icon::before {
	font-family: 'Glyphicons Halflings';
	font-size: 30px;
	color: #fff;
}

.carousel-control-prev-icon::before {
	content: "\e079";
	/* left chevron */
}

.carousel-control-next-icon::before {
	content: "\e080";
	/* right chevron */
}

.col-sm-12 {
	margin: auto !important;
	margin-top: 10px;
}

.content {
	margin-right: 10px;
}

/* ---- Bootstrap 4/5 card → Bootstrap 3 panel compatibility ---- */

.card {
	margin-bottom: 15px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.class-header {
	padding: 10px 15px;
	background-color: #f5f5f5;
	border-bottom: 1px solid #ddd;
}

.class-header h5 {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
}

.card-body {
	padding: 15px;
	border-top: 1px solid #ddd;
}

/* ---- Accordion buttons ---- */

.card .btn-link {
	color: #337ab7;
	text-decoration: none;
	font-weight: 600;
	padding: 0;
}

.card .btn-link:hover,
.card .btn-link:focus {
	text-decoration: underline;
	color: #23527c;
}

/* ---- Collapse states (BS4 → BS3) ---- */

.collapse.in {
	display: block;
}

.collapse:not(.in) {
	display: none;
}

/* ---- Lists inside accordion ---- */

.card-body ul {
	padding-left: 20px;
}

.card-body li {
	margin-bottom: 4px;
}

/* ---- Tables inside accordion (Word-pasted content safety) ---- */

.card-body table {
	max-width: 100%;
	background-color: transparent;
}

.card-body table td {
	vertical-align: top;
}

.card .mb-0 button {
	font-size: 20px;
	color: black;
	text-decoration: none;
}

.card .mb-0 button:hover {
	font-size: 20px;
	color: black;
	text-decoration: none;
}

.views-field.views-field-body ul {
	padding-left: 60px !important;
}

th.ng-star-inserted {
	color: black !important;
}

#views-bootstrap-about-us-about-us {
	padding-left: 13px;
}


/* ===============================
   NAVBAR social icons fix
   =============================== */

.site-social img {

	width: 24px;
	height: 24px;
	max-width: 24px;
	max-height: 24px;
	object-fit: contain;
	display: inline-block;
}


.site-header-inner .site-social,
.site-header-inner .site-translate {
	padding-right: 0;
}

#google_translate_element {
	display: block !important;
	position: relative;
	right: 0 !important;
	text-align: left !important;
	margin: 0 !important;
}

#search-block-form {
	width: auto !important;
}

div>div>div.field__item>div:nth-child(1),
div>div>div.field__item>div:nth-child(2) {
	width: auto !important;
}

.content {
	margin-right: -20px !important;
}


/* ===============================
   Small screens (phones)
   =============================== */
@media (max-width: 767px) {
	.col-sm-3 {
		display: none;
	}

	.path-frontpage .carousel img,
	.path-frontpage .carousel-inner img,
	.path-frontpage .view-id-homepage .views-field img,
	.path-frontpage .views-slideshow-cycle-main-frame img {
		width: 99% !important;
		max-width: 100% !important;
		height: auto !important;
		display: block;
	}

	.container,
	.main-container,
	.content {
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.navbar-inverse {
		margin-right: 10px !important;
		margin-top: 20px;
	}

	.carousel-control-prev,
	.carousel-control-next {
		width: clamp(44px, 10vw, 900px);
		/* fixed-feeling tap area */
	}

	.carousel-control-next-icon {
		margin-left: -20px !important;
	}

	.carousel-control-prev {
		left: 0;
	}

	.carousel-control-next {
		right: 7px;
		left: auto;
	}

	.site-header-inner * {
		float: none !important;
	}

	.site-header-inner .site-branding img {
		max-width: 100%;
		height: auto;
		display: block;
	}

	.site-header-inner .site-utility,
	.site-header-inner .site-social {
		display: none;
	}

	.site-header-inner .site-translate {
		display: block;
	}

	.container,
	.navbar .container,
	.homepage-cta .container {
		padding-left: 45px !important;
		padding-right: 25px !important;
	}

}


/* ===============================
   Medium screens (tablets+)
   =============================== */
@media (min-width: 768px) {
        .user-logged-in .homepage .main-content{
        width:75%% !important;
                margin:auto !important;
        padding-left:15px;
        margin:0px !important;
        }
	.site-header-inner {
		padding: 0;
		display: grid;
		grid-template-columns: auto 1fr;
		grid-template-rows: repeat(4, auto);
		gap: 0.5rem 1rem;
	}

	.site-header-inner .row {
		margin: 0 !important;
	}

	.site-header-inner .site-branding {
		grid-column: 1;
		grid-row: 1 / span 4;
	}

	.site-header-inner .site-utility {
		grid-column: 2;
		grid-row: 1;
		justify-self: end;
	}

	.site-header-inner .site-social {
		grid-column: 2;
		grid-row: 2;
		justify-self: end;
		padding-right: 10px !important;
	}

	.site-header-inner .site-translate {
		grid-column: 2;
		grid-row: 3;
		justify-self: end;
		padding-right: 10px !important;
	}

	.content {
		margin-right: -10px !important;
	}
}


/* ===============================
   Large screens (desktops)
   =============================== */
@media (min-width: 992px) {

	.site-header-inner .site-social,
	.site-header-inner .site-translate {
		padding-right: 0 !important;
	}

	.content {
		margin-right: -20px !important;
	}
}

@media (min-width: 1200px) {

	.site-header-inner .site-social,
	.site-header-inner .site-translate {
		padding-right: 0px !important;
	}

	.content {
		margin-right: -25px !important;
	}
}


/* ===============================
   Extra large screens
   =============================== */
@media (min-width: 1450px) {

	.site-header-inner {
		min-width: 1472px !important;
	}

	.site-header-inner .site-social,
	.site-header-inner .site-translate {
		padding-right: 20px !important;
	}

	.content {
		margin-right: 0px !important;
	}
}

#content>div.row>div>div>ol {
	padding-left: 0px;
}

#content>div.row>div {
	width: 100%;
}

#edit-submit {
	padding: 0px;
	width: 200px;
}

th {
	color: black !important;
}

#content>div.views-element-container>div>div.view-content.row>div {
	padding: 0px 3px 0px 15px;
}

#content>div.views-element-container>div>div.view-header>div.pa3.mb4.br2.ba.b--light-blue.bg-blue.shadow-4 {
	margin-right: -15px;
}

#library {
	padding: 0px;
}

.main-content .col-sm-12{
    margin:auto !important;
}

.page-user-login #content > div {
    width:500px;
    margin:auto;
}


.webform-submission-form input[type="radio"],
.webform-submission-form input[type="checkbox"] {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
}

/* Each option: checkbox/radio LEFT, text RIGHT */
.webform-submission-form .form-item--checkbox,
.webform-submission-form .form-item--radio {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 12px;
}

/* Align input with first line of text */
.webform-submission-form .form-item--checkbox input,
.webform-submission-form .form-item--radio input {
  margin-top: 3px;
  flex: 0 0 auto;
}

/* Label behaves like normal text */
.webform-submission-form .form-item--checkbox label,
.webform-submission-form .form-item--radio label {
  margin: 0;
  font-weight: normal;
  line-height: 1.4;
  cursor: pointer;
}

/* Stack checkbox groups vertically (like your screenshot) */
.webform-submission-form .form-checkboxes,
.webform-submission-form .form-radios {
  display: block;
}
.webform-submission-form input[type="checkbox"] {
	margin-top:10px !important;
	position: relative;
	top:15px;
}

.webform-submission-form input[type="radio"] {
	margin-top:0px !important;
	position: relative;
	left:0px;
	top:15px;
}


.webform-submission-form label {
	position: relative;
	display: inline !important;
	left:23px;
}
	details {
		margin:0px;
		display:block
	}


	.webform-submission-form .col-sm-1, 
	.webform-submission-form .col-sm-2, 
	.webform-submission-form .col-sm-3, 
	.webform-submission-form .col-sm-4, 
	.webform-submission-form .col-sm-5, 
	.webform-submission-form .col-sm-6, 
	.webform-submission-form .col-sm-7, 
	.webform-submission-form .col-sm-8, 
	.webform-submission-form .col-sm-9, 
	.webform-submission-form .col-sm-10, 
	.webform-submission-form .col-sm-11, 
	.webform-submission-form .col-sm-12 
 {
    float: none;
    padding:0px !important;margin:0px !important;
  }
  
  .webform-submission-form details {
  	border:1px solid #dddddd;
  	margin-bottom:30px;
  }
  
  .webform-submission-form summary {
  	padding:20px;
  	background-color:#F5F5F5;
  }

  
#edit-container-right {
  	border:1px solid #dddddd;	
  	padding:0px !important;
	margin:0px !important;
	vertical-align: top;
	margin-top:20px !important
}


#edit-container-right fieldset{
    padding:0px !important;margin:0px !important;

}
#edit-container-right fieldset legend{
	background-color:#F5F5F5;
	padding:30px;
}

#edit-container-right .fieldset-wrapper {
	padding:20px;
}

#edit-container-left {
		padding-right:20px !important;
		width:48% !important

}

  .webform-submission-form .details-wrapper {
  	padding:20px;
	vertical-align: top;
  }


    .webform-submission-form .details-wrapper .col-sm-6{
  	display:inline-block !important
  }

    .webform-submission-form label {
  	margin-right:30px;
	padding:0px !important;
	left: 0px !important
  }
  
  #edit-research-container .col-sm-6 {
  	width:55%;
  }

  .col-sm-3.form-select {
	min-width:200px;
}

.navbar-inverse {
	background-color:#008CBA;
	border-color:#008CBA;
}
.navbar-inverse .navbar-nav>li>a {
	color:#FFFFFF;
}

#webform-submission-icrp-partnership-applicaion-form-add-form .col-md-1, 
#webform-submission-icrp-partnership-applicaion-form-add-form .col-md-10, 
#webform-submission-icrp-partnership-applicaion-form-add-form .col-md-11, 
#webform-submission-icrp-partnership-applicaion-form-add-form .col-md-12, 
#webform-submission-icrp-partnership-applicaion-form-add-form .col-md-2, 
#webform-submission-icrp-partnership-applicaion-form-add-form .col-md-3, 
#webform-submission-icrp-partnership-applicaion-form-add-form .col-md-4, 
#webform-submission-icrp-partnership-applicaion-form-add-form .col-md-5, 
#webform-submission-icrp-partnership-applicaion-form-add-form .col-md-6, 
#webform-submission-icrp-partnership-applicaion-form-add-form .col-md-7, 
#webform-submission-icrp-partnership-applicaion-form-add-form .col-md-8, 
#webform-submission-icrp-partnership-applicaion-form-add-form .col-md-9	{
	float:none !important;
}

#edit-application-form label	{
	display:inline !important;
}

#edit-state-province-territory > legend {
	display:none !important;
}

#edit-state-province-territory  {
	padding-top:10px !important;
}

.webform-submission-icrp-partnership-applicaion-form-form .radio label {
	padding-left:15px !important;
}


.webform-submission-icrp-partnership-applicaion-form-form .webform-type-checkbox label {
	padding-left:20px !important;
	top:-5px !important;
}

#edit-container-state-zip-code {
	margin-bottom:1px !important
}

.row {
  display: block !important;
}

[type=checkbox],[type=radio] {
    display:inline !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    height: auto !important;
    width: auto !important;
}

#edit-settings .checkbox input[type=checkbox],
#edit-settings .checkbox-inline input[type=checkbox],
#edit-settings .radio input[type=radio],
#edit-settings .radio-inline input[type=radio] {
        margin-left:0px !important;
}