/*
Theme Name: VDG OceanWP v2022
Theme URI: https://tlhub.stanford.edu/mediadesign
Description: Requires OceanWP WordPress theme installation. Adapted and managed by the Visual Design Group, Teaching and Learning Hub, Stanford Graduate School of Business.
Author: Cristina Strombotne, Web Administrator, Visual Design Group
Author URI: https://tlhub.stanford.edu/mediadesign
Template: oceanwp
Version: 2022-11-14
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*===============================================

	GLOBAL TYPOGRAPHY

===============================================*/

/*Reset to user's browser preference (accessibility)*/
html,body{ font-size:100%; }

/*Remove extra margin bottom from last p element in text editor*/
.elementor-widget-text-editor *:last-child,
.elementor-tab-content *:last-child{
	margin-bottom:0;
}

/*Limit p, li max-width for readability*/
/*p, li{
	max-width:50em;
}*/
/*Reset margin bottom to be relative to font size*/
p{margin-bottom:1em;}

/*Clear elementor heading override*/
h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title,
h4.elementor-heading-title{
	line-height: initial;
}
b,strong{
	font-weight:700;
}

/*Remove link outlines*/
a:active, a:focus {
  outline: 0px !important;
  border: none;
  -moz-outline-style: none;
}


/*===============================================

	ELEMENTOR COLUMN LAYOUTS

===============================================*/

/*Remove extra padding for first and last columns*/
.elementor-section>.elementor-column-gap-default>.elementor-column:first-child>.elementor-element-populated{
	padding-left:0px;
}

.elementor-section>.elementor-column-gap-default>.elementor-column:last-child>.elementor-element-populated{
	padding-right:0px;
}
/*Add to child theme*/
.elementor-column-gap-default>.elementor-column>.elementor-element-populated:first-of-type{
	padding-top:0;
}


/*===============================================

	ELEMENTOR ELEMENTS

===============================================*/
/*BUTTON: Increase default margin between icon and text*/
.elementor-button .elementor-button-content-wrapper .elementor-align-icon-right {
    margin-left: 0.5em;
}
.elementor-button .elementor-button-content-wrapper .elementor-align-icon-left {
    margin-right: 0.5em;
}
/*TOGGLE: Add space for icon*/
.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left{
	 margin-right: 0.5em;
}

.elementor-toggle{
	border:solid 1px #D5D5D4;
}
.elementor-widget-toggle .elementor-toggle .elementor-toggle-item:last-of-type .elementor-tab-title{
	border-bottom:0;
}
.elementor-widget-toggle .elementor-toggle .elementor-tab-title,
.elementor-widget-toggle .elementor-toggle .elementor-tab-content{
	padding:0.5em 0.75em;
}
.elementor-toggle .elementor-tab-title{
	background:#f4f4f3;
}

/*Icon List*/
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-icon i{
	font-size:1em;
	line-height:1.5em;
}
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-item,
.elementor-widget.elementor-widget-icon-list .elementor-icon-list-item a{
	align-items:start;
}

/*Add underline to icon list links*/
.elementor-icon-list-item a{
	text-decoration:underline;
}


/*TABLE OF CONTENTS*/
.elementor-widget-wrap>.elementor-widget-table-of-contents.elementor-element{
	width:94%;
}
.elementor-widget-table-of-contents,
.elementor-widget-table-of-contents h3,
.elementor-widget-table-of-contents h4{
	font-size:0.875em;
}
.elementor-widget-table-of-contents .elementor-toc__header,
.elementor-widget-table-of-contents .elementor-toc__body{
	padding:0.5em 1em;
}
.elementor-widget-table-of-contents .elementor-toc__body ol{
	margin:0;
}
.elementor-toc__list-item-text-wrapper{
	align-items:start;
}
.elementor-widget-table-of-contents .elementor-toc__body .elementor-toc__list-item-text:hover{
	color:#006cb8;
}
.elementor-widget-table-of-contents .elementor-toc__body .elementor-toc__list-item-text.elementor-item-active{
	color:#B1040E;
}

/*TEXT EDITOR: Add margin to hr tag*/
.elementor .elementor-widget-text-editor hr{
	margin:2em 0;
}

/*Ocean Alert*/
/*Error*/
.oew-alert.oew-alert-error.oew-alert-small{
	color:#FFF;
	border-color:#B1040E;
	background:#B1040E;
}/*Warning*/
.oew-alert.oew-alert-warning.oew-alert-small{
	color:#000;
	border-color:#fec51d;
	background:#fec51d;
}

/*===============================================

	SITE HEADERS

===============================================*/
/*Top Bar*/
#top-bar-inner{
	min-height:18px;
}
/*Top Header*/
#site-header.top-header .header-bottom{
	text-align:left;
}
#site-header.top-header #site-logo {
	padding: 2em 0;
}
#site-header.top-header .header-top {
    -webkit-box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
}
#site-header.top-header #site-logo #site-description {
    padding-top: 0.25em;
}

#site-header.top-header #site-logo #site-description h2 {
    color: initial;
    font-size: 1.125em;
    line-height: 1.2em;
    letter-spacing: 0.5px;
    text-transform: none;
    margin: 0;
    font-weight: 300;
}

#site-navigation-wrap .dropdown-menu>li>a .nav-arrow{
	vertical-align: middle;
}

#site-navigation-wrap .current-menu-item>a{
	border-bottom:3px solid #8c1515;
}
#site-header.top-header #site-navigation-wrap .dropdown-menu>li>a{
	text-transform:none;
	letter-spacing:0px;
	padding:0 0;
	margin: 0 15px;
}
#site-header.top-header #search-toggle{
	border:none;
} 
#site-header.top-header #site-header-inner #search-toggle a i{
	color:#2e2e29;
	font-weight:bold;
}

/*GLOBAL: Menu dropdown*/
.elementor-element .elementor-nav-menu--dropdown li:not(:last-child){
	border-color:#D5D5D4;
}


/*Custom Top Header*/

#site-header .top-header.custom #site-logo {
    float: none;
    display: inline-block;
    padding: 1.5em 0;
}
#site-header .top-header.custom #site-logo a{
    font-weight: 700;
    font-size: 2.0em;
    line-height: 1.1;
    color: #2e2d29;
}
#site-header .top-header.custom #site-description h2 {
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 1.2em;
    letter-spacing: 0.5px;
    color: initial;
}

#site-header .is-sticky .owp-sticky.custom{
    position: fixed;
}

#site-header .owp-sticky.custom .elementor-column .elementor-element-populated{
     justify-content: space-between;
}
#site-header .custom form input[type='search']{
    min-height: 32px;
}
.nav-custom .elementor-column .elementor-element-populated{
     justify-content: space-between;
}

.nav-custom form input[type='search']{
    min-height: 32px;
}

/*Custom Top Header w/ Logo bar*/
@media all and (min-width:767px){
	.top-header .elementor-widget-image-box .elementor-image-box-content{
	margin-left:1rem;
	padding-left:1rem;
	border-left:1px solid #2e2d29;
}
}
.top-header .elementor-widget-image-box .elementor-image-box-content{
	margin:0.5rem inherit;
}

/*===============================================

	CONTENT LINKS

===============================================*/

/*Add text underline to body text links*/
#primary .elementor-widget-text-editor p a,
#primary .elementor-widget-text-editor li a,
.elementor-posts-container .elementor-widget-text-editor p a,
.elementor-posts-container .elementor-widget-text-editor li a,
#primary .elementor-widget-heading p a,
#primary .elementor-widget-heading span a,
#primary .elementor-tab-content a,
#primary .oew-tab-content a{
	text-decoration: underline;
}

/*Add underline for links in text editors*/
/*.elementor-widget-text-editor p a,
.elementor-widget-text-editor li a{
	text-decoration:underline;
}*/


/*Icons for filetypes and external links*/
a[href $=".doc"]::after,
a[href $=".docx"]::after,
a[href $=".txt"]::after,
a[href $=".pdf"]::after,
a[href $=".xls"]::after,
a[href $=".xlsx"]::after,
a[href $=".zip"]::after{
	font-family: "Font Awesome 5 Free";
  	font-weight: 400;
	font-size:1em;
	font-style:normal;
	width: 1.5em;
	padding-left:0.3em;
	padding-right:0.2em;
	text-decoration:underline;
}
a[href$=".pdf"]::after{
	content: "\f1c1";
}
a[href $=".xls"]::after,
a[href $=".xlsx"]::after{
    content: "\f1c3";
}
a[href $=".zip"]::after{
	content: "\f1c6";
}
a[href $=".doc"]::after,
a[href $=".docx"]::after,
a[href $=".txt"]::after{
    content: "\f1c2";
}
/*Elementor Button fixes*/
a[href $=".doc"].elementor-button span,
a[href $=".docx"].elementor-button span,
a[href $=".txt"].elementor-button span,
a[href $=".pdf"].elementor-button span,
a[href $=".xls"].elementor-button span,
a[href $=".xlsx"].elementor-button span,
a[href $=".zip"].elementor-button span{
	float: left;
}

/*Turn off icons for Icon Lists*/
li.elementor-icon-list-item a[href $=".doc"]::after,
li.elementor-icon-list-item a[href $=".docx"]::after,
li.elementor-icon-list-item a[href $=".txt"]::after,
li.elementor-icon-list-item a[href $=".pdf"]::after,
li.elementor-icon-list-item a[href $=".xls"]::after,
li.elementor-icon-list-item a[href $=".xlsx"]::after,
li.elementor-icon-list-item a[href $=".zip"]::after{
	display:none;
}
/*Elementor Button without link*/
a:not([href]).elementor-button{
	cursor:not-allowed;
	background-color:#eee;
	color:#AAA;
	border:1px solid #CCC;
}

/*Lead paragraph underline thickness*/
#primary .elementor .lead.elementor-widget-text-editor a{
	text-decoration-thickness: 1px;
}

/*Underline links in dynamic feed content*/
.elementor-widget-theme-post-content a{text-decoration:underline;}

/*Remove extra space at bottom of Elementor containers*/
.elementor-widget-theme-post-content :last-child{
	margin-bottom:0;
}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated:last-child{
	padding-bottom:0;
}

/*Dynamic Content Headings*/
.type-course_listings article h4,
.type-news_listings article h4,
.type-publication_listings article h4,
.type-people_listings article h4,
.type-speech_listings article h4{
	font-size:1.25em;
	line-height:1.2em;
	margin-bottom:0;
}

/*Dynamic content post info*/
.elementor-widget-post-info{
	margin-top:1em;
}
.elementor-widget-post-info a,
.elementor-post-info a{
	text-decoration:underline !important;
}

/*Dynamic Feed post content type label*/
.post-type{
	text-transform:uppercase;
	font-size:0.75em;
	line-height:1.5em;
}

/*===============================================

	IMAGE ELEMENTS

===============================================*/

/*Remove margin from images (centering)*/
figure>img{
	margin:0;
}


/*===============================================

	FORM ELEMENTS

===============================================*/

/*Password Protected forms*/
form.post-password-form{
	padding:2em;
	max-width:45em;
	margin:auto;
}
form.post-password-form input{
	margin:0.5em 0 1em;
}

/*Add margin between sidebar search and button*/
form.wp-block-search input+button[type="submit"]{
	margin-left:0.25em;
}

/*===============================================

	RESPONSIVE ELEMENTS

===============================================*/

/*Override iframe-level width and height for responsive embeds*/
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed{
	width:100% !important;
	height:100% !important;
}

/*===============================================

	HELPER CLASSES

===============================================*/
.elementor-section.fill,
.elementor-element.fill,
.elementor-section.border,
.elementor-element.border,
.elementor-section.card,
.elementor-element.card{
	padding:1em;
	margin-bottom:1em;
}
.elementor-section.fill,
.elementor-element.fill{
	background:#f4f4f3;
}
.elementor-section.border,
.elementor-element.border{
	background:#fff;
	border:1px solid #d5d5d4;
}
.elementor-section.card,
.elementor-element.card{
	background:#fff;
	box-shadow: 0 0 10px rgb(0 0 0 / 15%), 0 3px 3px rgb(0 0 0 / 15%);
}

.elementor-widget.inline h4+p,
.elementor-widget.inline h3+p,
.elementor-widget.inline h4,
.elementor-widget.inline h3,
.elementor-widget.inline h2{
    display: inline;
    margin-right:0.3em;
    margin-bottom: 0;
    font-size: 1.0em;
    line-height: 1.2em;
}


/*Padding*/
.elementor-section.padded{
	padding:1rem;
}
@media all and (min-width:768px){
	.elementor-section.padded{ padding:2rem; }
}
@media all and (min-width:1024px){
	.elementor-section.padded{ padding:3rem; }
}

/*Lead Paragraphs*/
.lead p{
	font-weight:300;
	font-size:1.25em;
	line-height:1.5em;
}
#primary .elementor .lead.elementor-widget-text-editor a{
	text-decoration-thickness: 1px;
}


/*ADMIN ONLY context*/
/*people.stanford catch*/
.admin-bar a[href *="people.stanford"]{
	text-decoration:line-through!important;
		color:#cc00cc !important;
}
/*Links without destination after import*/
.admin-bar main a:not([href]){
	text-decoration:line-through!important;
		color:#00cccc !important;
}
/*Hide Admin Only content*/
body:not(.admin-bar) .admin-only{
	display: none;
}

/*===============================================

	CUSTOM TEMPLATES

===============================================*/
/*Canvas Home Page nav and footer*/
.canvas-home-page a[href="#contact"]{display:none;}
.canvas-home-page.nav-custom{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
	font-size:0.778em;
	text-transform:uppercase;

}
.admin-bar .canvas-home-page.nav-custom{
    top:32px;
}
/*.canvas-home-page.elementor-section-height-full{
    margin-top: -96px;
}*/
footer.canvas-home-page{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}