/* forcing for button colors hardcoded in wysiwyg and custom classes override*/
/*.button-lightblue, .button-uclablue {color: #fff!important;background-color: #2774ae!important;}*/
/*.button-brightcoral {color: #fff!important;background-color: #ff8030!important;}*/
.button-darkblue {color: #fff!important;background-color: #003B5C!important;}
/*.button-seafoam {color: #fff!important;background-color: #87af9b!important;}*/
.button-slate {color: #fff!important;background-color: #313939!important;}
/*.button-uclagold {color: #003B5C!important;background-color: #FFD100!important;}*/
.button-iceblue {color: #003B5C!important;background-color: #f0f8f8!important;}
/*.button-white {color: #003B5C!important;background-color: #ffffff!important;}*/


/*UCLA Anderson background colors */
.bs-bg-gradient-top-white { background-image: url(/sites/default/files/images/2017/global/chevrons/background-white-gradient-top.png); background-position: top left; background-repeat: repeat-x;}
.bs-bg-gradient-bottom-white { background-image: url(/sites/default/files/images/2017/global/chevrons/background-white-gradient-bottom.png); background-position: bottom left; background-repeat: repeat-x;}
.bs-bg-lightgrey {background-color: #f8f8f8;}
.bs-bg-uclablue {background-color: #2774AE;}
.bs-bg-uclagold {background-color: #FFD100;}
.bs-bg-darkblue {background-color: #003B5C;}
.bs-bg-brightcoral {background-color: #ff8030;}
.bs-bg-seafoam {background-color: #87af9b;}
.bs-bg-iceblue {background-color: #f0f8f8;}
.bs-bg-slate {background-color: #313939;}

/* custom font sizes 
.font-10 p { font-size: 10px; line-height:inherit; }
.font-11 p { font-size: 11px; line-height:inherit; }
.font-12 p { font-size: 12px; line-height:inherit; }
.font-13 { font-size: 13px; line-height:inherit; }
.font-14 { font-size: 14px; line-height:inherit; }
.font-16 { font-size: 16px; line-height:inherit; }
.font-18 { font-size: 18px; line-height:inherit;}
.font-20 p { font-size: 20px!important; line-height:inherit; }
.font-22 { font-size: 22px; line-height:inherit; }
.font-24 { font-size: 24px; line-height:inherit; }
.font-26 { font-size: 26px; line-height:inherit; }
.font-28 { font-size: 28px; line-height:inherit; }
.font-30 { font-size: 30px; line-height:inherit; }
.font-32 { font-size: 32px; line-height:inherit; }
.font-34 { font-size: 34px; line-height:inherit; }
.font-36 { font-size: 36px; line-height:inherit; }
.font-38 { font-size: 38px; line-height:inherit; }
.font-40 { font-size: 40px; line-height:inherit; }
.font-42 { font-size: 42px; line-height:inherit; }
.font-44 { font-size: 44px; line-height:inherit; }
.font-46 { font-size: 46px; line-height:inherit; }
.font-48 { font-size: 48px; line-height:inherit; }
.font-50 { font-size: 50px; line-height:inherit; }
.font-52 { font-size: 52px; line-height:inherit; }
.font-54 { font-size: 54px; line-height:inherit; }
.font-56 { font-size: 56px; line-height:inherit; }
.font-58 { font-size: 58px; line-height:inherit; }
.font-60 { font-size: 60px; line-height:inherit; }
.font-80 { font-size: 80px; line-height:inherit; }
.font-100 { font-size: 100px; line-height:inherit; }

.line-height-26 {line-height: 26px;}
.line-height-28 {line-height: 28px;}
.line-height-30 {line-height: 30px;}
.line-height-32 {line-height: 32px;}
.line-height-34 {line-height: 34px;}
.line-height-36 {line-height: 36px;}
.line-height-38 {line-height: 38px;}
.line-height-40 {line-height: 40px;}*/

/* override Forcing titles-subhead over dark backgrounds to be white by default over dark bgs*/
.hero-content-orange h2,.hero-content-orange h3,.hero-content-orange h4,.hero-content-orange h5,.hero-content-orange h6, .hero-content-orange a,  .hero-content-orange .title-block, .hero-content-orange .main-title-subline.subheading {color: #FFFFFF}
.bs-bg-brightcoral h2,.bs-bg-brightcoral h3,.bs-bg-brightcoral h4,.bs-bg-brightcoral h5,.bs-bg-brightcoral h6,.bs-bg-brightcoral a, .bs-bg-brightcoral .title-block, .bs-bg-brightcoral .main-title-subline.subheading {color: #FFFFFF}

.bs-bg-darkblue h2,.bs-bg-darkblue h3,.bs-bg-darkblue h4,.bs-bg-darkblue h5,.bs-bg-darkblue h6, .bs-bg-darkblue a, .bs-bg-darkblue .title-block , .bs-bg-darkblue .main-title-subline.subheading {color: #FFFFFF}

.bs-bg-slate h2,.bs-bg-slate h3,.bs-bg-slate h4,.bs-bg-slate h5,.bs-bg-slate h6,.bs-bg-slate a, .bs-bg-slate .title-block, .bs-bg-slate .main-title-subline.subheading, .background-slate a {color: #FFFFFF}
.bs-bg-uclablue h2, .bs-bg-uclablue h3, .bs-bg-uclablue h4, .bs-bg-uclablue h5, .bs-bg-uclablue h6, .bs-bg-uclablue a, .bs-bg-uclablue .title-block , .bs-bg-uclablue .main-title-subline.subheading {color: #FFFFFF}
.bs-bg-seafoam h2 , .bs-bg-seafoam h3, .bs-bg-seafoam h4, .bs-bg-seafoam h5, .bs-bg-seafoam h6, .bs-bg-seafoam a, .bs-bg-seafoam .title-block , .bs-bg-seafoam .main-title-subline.subheading {color: #FFFFFF}

.light-blue-gradient-tile h2,.light-blue-gradient-tile h3, .light-blue-gradient-tile h4,.light-blue-gradient-tile h5,.light-blue-gradient-tile h6, .light-blue-gradient-tile a, .light-blue-gradient-tile .title-block ,.light-blue-gradient-tile .main-title-subline.subheading {color: #FFFFFF}

.background-darkblue h2, .background-darkblue h3, .background-darkblue h4, .background-darkblue h5, .background-darkblue h6, .background-darkblue a, .background-darkblue .title-block , .background-darkblue .main-title-subline.subheading {color: #FFFFFF}

.banner-scheme-dark-image .main-title, .banner-scheme-dark-image .main-title h2 {color:#fff;font-size: 2.5rem; line-height: 3rem;}

.highlight-scheme-lightblue .highlight-content h2, .highlight-scheme-lightblue .highlight-content h2, .highlight-scheme-lightblue .highlight-content h3, .highlight-scheme-lightblue .highlight-content h3, .highlight-scheme-lightblue .highlight-content h4, .highlight-scheme-lightblue .highlight-content h4, .highlight-scheme-lightblue .highlight-content h5, .highlight-scheme-lightblue .highlight-content h5, .highlight-scheme-lightblue .highlight-content h6, .highlight-scheme-lightblue .highlight-content h6, .highlight-scheme-lightblue .highlight-content p {color:#ffffff!important}

/*override forcing links to be uclablue on promo cards lightgrey over dark background */
.light-blue-gradient-tile .inline-block--promo-card.promo-scheme-lightgrey-text a, .promo-scheme-lightblue-text a, .bs-bg-uclablue .inline-block--promo-card.promo-scheme-lightgrey-text a {color:#2774ae!important;}
.background-darkblue .inline-block--promo-card.promo-scheme-lightgrey-text a, .bs-bg-darkblue .inline-block--promo-card.promo-scheme-lightgrey-text a {color:#003B5C!important;}
.background-white h1, .background-white h1, .background-white h2, .background-white h2, .background-white h3, .background-white h3, .background-white h4, .background-white h4, .background-white p, .background-white .main-title {color: #003b5c!important;}
.list-content__field-content-items .text-item__field-description a {color:#2774ae!important;}
.remote-video-scheme-lightgrey h1, .remote-video-scheme-lightgrey h2,.remote-video-scheme-lightgrey h3, .remote-video-scheme-lightgrey h4, .remote-video-scheme-lightgrey h5, .remote-video-scheme-lightgrey h6, .remote-video-scheme-lightgrey p, .remote-video-scheme-lightgrey a {color: #003B5C}

/*.promo-scheme-orange a.button--ghost {
    border: 1px solid #323232;
    color: #323232;
} */
.news-card__body {color:#323232}
.card--news-card .news-card__body a {color: #2774AE;}
.background-yellow h3,.background-yellow h4 {color: #003b5c!important;}

/*new forcing the text color on the accordions to be dark grey by default regardless of section bg color*/
.list-scheme-lightgrey .list_content__items .text-item__field-text, .list-scheme-white .list_content__items .text-item__field-text {color:#323232}
/*fix to pasting from word on accordion heading field adding a p after the h3*/
.block--list-content .list_content__item h3 p {color: #2774AE;}

/*fixing the modals to correspond with the bio card selector for modal size */
.biocard-modal.modal-size-large .modal-dialog {max-width: 80%;}
.biocard-modal.modal-size-full .modal-dialog {max-width: 100%;}

/*override for text on bio cards line height*/
.bio-card__field-text.field-type-text-long p {font-size: 1rem;line-height: 1.5;}

/*making ul li listitems use the triangle image by default*/
ul {list-style-image: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/general/raquot-small-neonblue.png);}
ul.white.raquot {list-style-image: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/general/raquot-small-white.png);}
ul.blue.raquot {list-style-image: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/general/raquot-small-neonblue.png);}
ul.darkblue.raquot {list-style-image: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/general/raquot-small-darkblue.png);}
ul.yellow.raquot {list-style-image: url(https://www.anderson.ucla.edu/sites/default/files/images/2017/global/general/raquot-small-y.png);}
.white.raquot li {color:#ffffff}

/*to make circle image globally*/
.circular-image img {
    border-radius: 10rem;
}

/*DRUPAL WEB FORMS*/
.webform-confirmation .webform-confirmation__message p {
	color: #000;	
}