@charset "UTF-8";
/* CSS Styles for Custom Pages */

/* Subpage Title Break */
#SpTitleBar {display: none;}
#SpContent_Container {padding: 0 15px 15px;}
#SpSubHead {display: none;}
#sp-main {width: 100%; margin-top: 0;}
#sp-main::before {display: none;}
#SpContent_Container {padding: 0;}
#sp-main #left {margin-top: 0px; padding-top: 0px; padding-left: 0; padding-right: 0; width: 100%;}
#sp-main #right {display: none; margin-top: 0px; padding-top: 0px; padding-left: 0; padding-right: 0; width: 100%;}
#SpContent_Container .calloutbox {display: none;}
.addthis_toolbox {display: none;}
/* End Subpage Title Break */


.myContainer {padding-left: 8px; padding-right: 8px; margin-left: auto; margin-right: auto;}
.col-5 {float: left; width: 20%; padding-left: 8px; padding-right: 8px;}


/* Text Classes */
.textUppercase {text-transform: uppercase;}
.textUnderline {text-decoration: underline;}
.textStrike {text-decoration: line-through;}
.textItalic {font-style: italic;}
.textThin {font-weight: 100;}
.textExtraLight {font-weight: 200;}
.textLight {font-weight: 300;}
.textRegular {font-weight: 400;}
.textMedium {font-weight: 500;}
.textSemiBold {font-weight: 600;}
.textBold {font-weight: 700;}
.textExtraBold {font-weight: 800;}
.textBlack {font-weight: 900;}
.important {display: inline-block; vertical-align: top; color: #ca2828; font-size: 8px; padding-left: 5px;}


/* Custom Page List */
.cpList {list-style: none; padding-left: 15px; display: inline-block; vertical-align: top; margin-top: 6px;}
.cpList li {background: url("https://cdn.ymaws.com/spifstanford.site-ym.com/resource/resmgr/custom_pages/images/bullet.png") no-repeat scroll 0 6px transparent; padding: 0 0 6px 14px; font-weight: 400; font-size: 14px; font-style: italic; color: #505050; line-height: 17px;}


/* Custom Page Subpage Title Bar */
.cpTitleBar-out {background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)) repeat scroll 0 0%, rgba(0, 0, 0, 0) url("https://cdn.ymaws.com/spifstanford.site-ym.com/resource/resmgr/custom_pages/images/1920x360.png") no-repeat scroll center center / cover; text-align: center; margin-top: 0px; height: 360px; position: relative; box-shadow: 0 -2px 3px -1px rgba(55, 55, 55, 0.2) inset; position: relative;}
.cpTitleBar-out:before {
    background: linear-gradient(rgb(0 0 0 / 33%), rgb(0 0 0 / 50%)) repeat scroll 0 0%, rgba(0, 0, 0, 0);
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.cpTitleBar-content {position: absolute; left: 0; right: 0; bottom: auto; top: 71%; -webkit-transform: translateY(-71%); transform: translateY(-71%);}
.cpTitleBar {font-size: 32px; color:#fff; font-weight: 700;}
.cpTitleBar h1 {color: #fff; font-weight: 700; font-size: 32px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); margin: 0 auto 5px; text-transform: none;}


/* Tier/Section Title */
.cpTier {padding: 60px 0; text-align: center; position: relative;}
.cpTier-title {margin-bottom: 20px; display: block;}
.cpTier-title h1 {margin: 0 auto 10px; font-size: 28px; font-weight: 700; text-transform: none; color: #2e2d29;}




/* Specific Custom Page Styles */
/* Custom Page 1 */
/* CP Buckets */
#cpBuckets-out {background-color: #f5f6f7;}
.cpBucket-wrap {background-color: #fff; margin: 15px; padding: 20px 20px 25px; border: 1px solid #e4e4e4; border-radius: 5px; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);}
.cpBucket-title {font-weight: 600; font-size: 22px; margin-bottom: 10px; }
.cpBucket-text {margin-bottom: 15px;}
.cpBucket-wrap .formbutton {display: inline-block; vertical-align: top;}
.cpBuckets-moreLink {text-align: center; margin-top: 10px; font-size: 15px; font-weight: 400;}

/* CP Icon CTAs */	
#cpIconCTAs-out	{background-color: #fff;}
.cpIconCTA {margin: 15px auto; border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3;}	
#cpIconCTA1 {border-left: 2px solid transparent;}
#cpIconCTA4 {border-right: 2px solid transparent;}
.cpIconCTA-wrap {padding: 15px 15px;}
.cpIconCTA-icon {font-size: 40px; margin-bottom: 10px; color: #8c1515;}	
.cpIconCTA-title {line-height: normal; font-weight: 700; font-size: 18px; margin-bottom: 10px; text-transform: none; color: #2e2d29;}

/* CP Video */	
#cpVideo-out {background-color: #5f5f5c; padding: 0;}
#cpVideo-out .myContainer {width: 100%;}	
#cpVideo-left {padding: 0;}
#cpVideo-left iframe {vertical-align: top;}
#cpVideo-right {padding: 0;}
.cpVideo-wrap {max-width: 500px; text-align: left; padding: 35px 0 25px 50px;}
.cpVideo-title {color: #fff; font-size: 28px; font-weight: bold; margin: 3px auto 30px; }
.cpVideo-text {color: #fff; margin-bottom: 15px;}
.cpVideo-wrap .formbutton {display: inline-block; vertical-align: top;}



/* Custom Page 2 */
.cpStaff-row {margin-bottom: 15px;}
.cpStaff-row:last-child {margin-bottom: 0px;}
.cpStaff-item {text-align: center; margin-bottom: 35px;}
.cpStaff-inner {padding: 0 5px;}
.cpStaff-image {margin-bottom: 10px;}
.cpStaff-image img {margin: 0 auto; max-width: 270px; max-height: 270px; width: 100%;}
.cpStaff-name {font-size: 19px; font-weight: 500; display: block; text-align: left;}
.cpStaff-title {font-weight: 600; font-size: 15px; font-style: italic; text-align: left; color: #878484;}
.cpStaff-company {font-weight: 400; font-size: 13px; text-align: left; color: #2e2d29;}
.cpStaff-location {font-weight: 400; font-size: 13px; text-align: left; color: #2e2d29;}    



/* Custom Page 3 */
#cpBio {text-align: left;}
#cpBio-image {margin-right: 20px; max-width: 282px;}
#cpBio h2 { margin: 0 auto 10px; font-size: 28px;}
#cpBio h5 { font-size: 18px; font-weight: 500; color: #8c1515; margin: 0 auto;}



/* Custom Page 4 */
#cpResources-out {text-align: left;}
#cpResources-out .cpTier p {font-size: 16px; margin-bottom: 15px;}
#cpResources-left, #cpResources-right {margin: 5px 0;}
.cpResourceAccordion .panel {border: none; border-radius: 0; box-shadow: none; text-align: left;}
.cpResourceAccordion .panel-heading {padding: 0; background-color: transparent; border-radius: 0 !important;}
.cpResourceAccordion .panel-title {line-height: normal;}
.cpResourceAccordion .panel-title a {background-color: #8c1515; border: none; padding: 11px 40px 11px 15px; display: block; color: #fff; position: relative; font-size: 16px; font-weight: 500; text-transform: none; text-decoration: none; -webkit-transition: all 225ms ease-in 0s; -moz-transition: all 225ms ease-in 0s; -o-transition: all 225ms ease-in 0s; transition: all 225ms ease-in 0s;}
.cpResourceAccordion .panel-title a:hover {background-color: #2e2d29; border: none; color: #fff;}
.cpResourceAccordion .panel-title a::before {content: '\f107'; position: absolute; display: block; right: 15px; opacity: 0.6; font-family: "FontAwesome"; font-size: 17px; bottom: auto; top: 52%; -webkit-transform: translateY(-52%); transform: translateY(-52%);}
.cpResourceAccordion .panel-title a.collapsed::before {content: '\f106';}
.cpResourceAccordion .panel-body {padding: 15px 15px;}
.cpResourceAccordion .panel-body .formbutton {display: inline-block; margin-top: 8px;}
.cpResourceAccordion .panel-body ul {margin: 0px; padding-left: 0px;}



/* Custom Page 5 */
#cpEventList-out .cpTier-title {text-align: left;}
.cpEventList-item {margin-bottom: 40px;}
.cpEventList-item:last-child {margin-bottom: 0;}
.cpEventList-left img {margin: 0 auto;}
.cpEventList-right {text-align: left; padding-left: 15px;}
.cpEventList-title {color: #2e2d29; font-size: 25px; font-weight: 600; margin-bottom: 8px;}
.cpEventList-text .formbutton {display: inline-block; margin-top: 5px;}  


/* Custom Page 6 */
.cpFAQ-accordion .panel {border: none; border-radius: 0 !important; box-shadow: none;}
.cpFAQ-accordion .panel-heading {padding: 0; border-radius: 0; color: #fff; background-color: transparent;    text-align: left;}
.cpFAQ-accordion .panel-title {line-height: normal;}
.cpFAQ-accordion .panel-title a {background-color: #8c1515; border: none; padding: 14px 40px 14px 15px; display: block; color: #ffffff; position: relative; font-size: 16px; font-weight: 500; text-transform: none; text-decoration: none; -webkit-transition: all 225ms ease-in 0s; -moz-transition: all 225ms ease-in 0s; -o-transition: all 225ms ease-in 0s; transition: all 225ms ease-in 0s;}
.cpFAQ-accordion .panel-title a:hover {background-color: #2e2d29; border: none; color: #fff;}
.cpFAQ-accordion .panel-title a::before {content: '\f107'; position: absolute; display: block; right: 15px; opacity: 0.6; font-family: "FontAwesome"; font-size: 17px; bottom: auto; top: 52%; -webkit-transform: translateY(-52%); transform: translateY(-52%);}
.cpFAQ-accordion .panel-title a.collapsed::before {content: '\f106';}
.cpFAQ-accordion .panel-body {padding: 15px 15px; border: none !important; text-align: left;}
.cpFAQ-accordion .panel-body .cpList {padding-left: 0; width: 33%; float: left; }



/* Custom Page 7 */    
.cpBlogList-item { margin: 20px 0;}
.cpBlogList-wrap { padding: 0 15px;}
.cpBlogList-image {  margin-bottom: 20px;}
.cpBlogList-image img { margin: 0 auto;}
.cpBlogList-category { text-transform: uppercase; font-size: 16px;font-weight: 600;margin: 0 auto 5px; }
.cpBlogList-title { color: #8c1515; font-size: 24px; font-weight: 700; margin: 0 auto 5px;line-height: 34px;}
.cpBlogList-details { font-size: 16px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase;}
.cpBlogList-info { text-align: left;}
.cpBlogList-link { font-weight: 600; font-size: 16px;}



/* Custom Page 8 */
/* Navigation */
#cpNavOut { background-color: #8c1515; color: #fff; padding-top: 10px; padding-bottom: 10px; }
.cpNav { list-style: none; padding-left: 0; margin-bottom: 0; font-size: 17px; }
.cpNav li { display: inline-block; }
.cpNav li a { color: #fff; padding: 0 15px; }
.cpNav li a:hover { color: #bfb9b9; }	

	
/* cpAgendaTabs */	
#cpAgendaTabsOut { margin-top: 44px;}    
.cpAgendaRow {text-align: left; border-top: 1px solid #efefef; padding: 14px 0;}
.cpAgendaTabs .nav-tabs {border:none; margin-bottom:20px;}
.cpAgendaTabs .nav-tabs li {margin:0; border-right: 3px solid #ededed}
.cpAgendaTabs .nav-tabs li:last-child {border:none;}
.cpAgendaTabs .nav-tabs li a { color: #7e7e7e; border: none; border-radius: 0; font-size:18px; font-weight:600; background:transparent; margin:0 !important; }
.cpAgendaTabs .nav-tabs li a:hover { color: #8c1515; }	
.cpAgendaTabs .nav-tabs li.active a, .cpAgendaTabs .nav-tabs li.active a:hover, .cpAgendaTabs .nav-tabs li.active a:focus { color: #8c1515; margin: 0 !important; border: none; }

.cpAgendaRow .sessionTime { line-height: normal; font-weight: 400;  font-size: 16px; }
.cpAgendaRow .sessionTitle h3 { font-size: 18px; line-height: 1.2em; margin: 0 0 10px; color: #2e2d29;}
.cpAgendaRow .sessionDesc {margin-bottom: 30px;}
.cpAgendaRow .sessionImg {}
.cpAgendaRow .speaker {margin-top:40px; margin-bottom:30px;}
.cpAgendaRow .speakerImg {background-position: 50% center; background-repeat: no-repeat; background-size: cover; display: block; height: 0; padding-bottom: 100%;}
.cpAgendaRow .speakerName {font-size: 19px; font-weight:100; margin-top:8px; margin-bottom:3px;}
.cpAgendaRow .speakerName a { font-weight: 400; color: #8c1515; }
.cpAgendaRow .speakerName a:hover {color:#2e2d29; opacity: 0.6;}
.cpAgendaRow .speakerTitle {font-size: 14px; font-weight: 500; color:#484848; font-style:italic;}
.cpAgendaRow .speakerOrg {font-size: 13px; font-weight: 400; color:#484848;}



/* Custom Page 9 */    
.cpGeneral-row { text-align: left;}
.datagrid1 tr.cpLibrary-rowEven td {background:#fafafa;}    



/* Custom Page 10 */
#cpArticlePost-out { text-align: left;}
.cpArticlePost-Title {font-size: 28px; color: #2e2d29; font-weight: 700;}
.cpArticlePost-Author {font-size: 20px; padding: 10px 0;}
.cpArticlePost-titleWrap { padding: 0px 0 15px;}   
.cpArticlePost-details i {margin-right: 10px;}    
.cpArticlePost-info { margin:20px 0 50px;}     
.cpArticlePost-info .articleImg { padding: 10px 0;}
.cpArticlePost-titleWrap  .leaderTitle { font-style: oblique; font-weight: 600;}
.articleImgDesc {font-style: oblique; color: #858585}    
.cpArticlePost-authorBio { margin-top: 50px; }









/* Media Queries */
@media (min-width: 768px){.myContainer{width: 750px}}
@media (min-width: 960px){.myContainer{width: 900px}}
@media (min-width: 1216px){.myContainer{width: 1200px}}





@media (max-width: 1199px) {
/* Custom Page 1 */  
.cpVideo-wrap {max-width: 442px; padding: 30px 0 25px 40px;}   
    
/* Custom Page 3 */
#cpBio-image { max-width: 198px;}    
    
}



@media (max-width: 991px) {

}



@media (max-width: 959px) {
/* Custom Page 1 */
.cpVideo-wrap {max-width: 367px; padding: 25px 0 25px 25px;}   
    
/* Custom Page 2 */
.cpStaff-inner {padding: 0;}   
    
    
/* Custom Page 5 */
.cpEventList-title {font-size: 21px; margin-bottom: 5px; line-height: 25px;}    
    
/* Custom Page 7 */      
.cpBlogList-title { font-size: 24px;}    
    
}



@media (max-width: 767px) {
/* Default Template Styles */
.myContainer {padding-left: 15px; padding-right: 15px;}
.col-5 {padding-left: 15px; padding-right: 15px; position: relative; width: 100%; float: none;}
.cpTitleBar-out {height: auto; padding: 50px 0;}
.cpTitleBar-content {top: auto; -webkit-transform: none; transform: none; position: relative; left: auto; right: auto;}
.cpTier {padding: 30px 0;}
  
/* Custom Page 1 */  
.cpBucket {display: inline-block; text-align: center; width: 100%; vertical-align: top; margin: 15px auto;}
.cpBucket-wrap {margin: 0 auto; max-width: 480px;}
#cpIconCTAs-out .cpTier-title {display: block;}
#cpIconCTA1, #cpIconCTA3 {border-left: none;}
#cpIconCTA2, #cpIconCTA4 {border-right: none;}
.cpIconCTA-wrap {padding: 10px 6px;}
.cpVideo-wrap {max-width: 100%; padding: 25px 25px 35px; text-align: center;}    
    
    
/* Custom Page 2 */  
.cpStaff-inner {min-height: 350px; text-align: center; display: block;}
.cpStaff-name, .cpStaff-title, .cpStaff-company, .cpStaff-location {text-align: center;}  
    
    
/* Custom Page 3 */  
#cpBio-image { margin-right: 15px;}   
    

/* Custom Page 4 */  
#resourcesAccordion-left {margin-bottom: 0;}  
    
/* Custom Page 5 */
#cpEventList-out .cpTier-title {text-align: center;}
.cpEventList-item:nth-child(2n+1) {background-color: #f6f6f6; padding-top: 30px; padding-bottom: 30px;}
.cpEventList-right {text-align: center; margin: 15px auto 0; max-width: 550px;}       

    
/* Custom Page 6 */
.cpFAQ-accordion .panel-body .cpList {  width: 100%;  float: none;  margin: 0;}    
    
/* Custom Page 7 */      
.cpBlogList-item { margin-bottom: 50px;}
.cpBlogList-row:last-child .cpBlogList-item:last-child { margin-bottom: 0;}
.cpBlogList-wrap { max-width: 545px; margin: 0 auto; padding: 0;}
.cpBlogList-category { line-height: normal; margin-bottom: 0; font-size: 17px;}
.cpBlogList-title { font-size: 22px; margin-bottom: 0;}
.cpBlogList-details { font-size: 15px;}
.cpBlogList-info { text-align: center;}  
    
/* Custom Page 8 */
.cpNav { font-size: 0; margin: 0 auto; }
.cpNav li { display: block; }	
.cpNav li a { border-bottom: 1px solid #a14242; background-color: #8c1515; display: block; font-size: 14px; margin: 0; padding: 10px !important; text-transform: uppercase; color: #fff !important; }
.cpNav li:last-child a  {border-bottom: 0;}
.cpNav li a:hover { background-color: #fff; color: #8c1515 !important; border-bottom: #8c1515;}	
.cpAgendaRow .sessionTime {display:inline-block; vertical-align:top; width: 20%;}
.cpAgendaRow .sessionInfo {display:inline-block; vertical-align:top; width: 79%;}
.cpAgendaRow .sessionImg {display:inline-block; vertical-align:top; width: 79%; float:right;}
.cpAgendaRow .speaker {margin-top:10px;}    

    
/* Custom Page 10 */  
#cpArticlePost-out { text-align: center;}
.cpArticlePost-info .articleImg img {margin: auto;}  
.cpArticlePost-authorBio img { margin: auto;}   
    
}



@media (max-width: 600px) {
/* Custom Page 2 */
.cpStaff-row {margin-bottom: 0px;}
.cpStaff-item {width: 100%;}
.cpStaff-inner {padding: 0px; min-height: 100%;}   
}



@media (max-width: 480px) {
/* Default Template Styles */
.cpTitleBar h1 {font-size: 28px;}

  
/* Custom Page 1 */
.cpBucket-wrap {padding: 15px 15px 20px;}
.cpIconCTA {width: 100%; border: none;}
.cpIconCTA-icon {font-size: 35px; margin-bottom: 0;}   
    

/* Custom Page 3 */
#cpBio-image { float: none !important; margin: 0 auto 20px;}
#cpBio { text-align: center;}    
#cpBio p { margin-bottom: 15px;}   
    
/* Custom Page 8 */
.cpAgendaRow .sessionTime {width: 100%;}
.cpAgendaRow .sessionInfo {width: 100%; text-align:center;}
.cpAgendaRow .sessionImg {width: 100%; float:right;}
.cpAgendaRow .cpAgendaTabs .nav-tabs {text-align:center;}
.cpAgendaRow .cpAgendaTabs .nav-tabs li {display:inline-block; text-align:center; float:none;}
.cpAgendaRow .cpAgendaTabs .nav-tabs li a {padding:10px; font-size:15px;}
.cpAgendaRow .speaker { text-align: center; }	    

}