/*
Theme Name: Biochemistry (Avada child)
Theme URI: http: //biochemistry.utoronto.ca
Description: Custom child theme for the Department of Biochemistry, University of Toronto, Canada.
Author: RNA Studio
Author URI: http://rna.ca
Template: Avada
Version: 0.1
*/

/*Call Avada parent CSS
-----------------------------------------------------------------------------*/
@import url("../Avada/style.css");


/** --- BODY and GENERAL -------------------------- **/

html {background-color:#FFFFFF!important;}
body, body.ubermenu { background: #FFF url("https://biochemistry.utoronto.ca/graphics/background-3.jpg") repeat-x center top fixed; padding-top:12px; }
body.page-template-blank-php { background: transparent none!important; }

.page-title-container {padding: 0px 20px 10px 20px !important; height: auto!important;}

.post-content li {max-width:400px}

.post {margin-bottom:0px}

.fusion-blog-medium .entry-meta, .fusion-blog-large .entry-meta { border: 0; }

/** align block of text with edge of sidebar navigation **/
div.textwidget {margin-left:11px}

/** End BODY and GENERAL ------------------------------------------ **/



/** --- TYPOGRAPHY -------------------------- **/

a {font-weight:bold;}

h1, h2, h3, h4, h5, h6, h7 {font-weight:bold!important}


h1.entry-title {max-width:700px }

.post-content h1 {margin-top:0; margin-bottom:8px;}
.post-content h2 {margin-top:0; margin-bottom:12px;}

.post-content h3, .post-content h4, .post-content h5, .post-content h6 {margin-top:10px; margin-bottom:5px;}

.post-content p {max-width:500px; margin-top:0px;line-height:1.4em}
.post-content li {padding-bottom:7px; padding-left:2px}

p.video-caption {width:500px; color:#666666; margin:-16px 28px 30px 20px!important; padding:0; font-size:13px; line-height:15px}

.post-content blockquote {background: #FFFFFF!important;   max-width:400px; font: 18px 'Lato', arial, helvetica, sans-serif; line-height:24px;
  color: #cc6600!important;font-style:italic;  border:0;  padding: 0 15px 10px 10px;}

/** Orange text **/
.table-usher {width:90px; text-align:right; padding-right:8px; color: orange; font-size:10px; text-transform: uppercase; vertical-align:top}

#technology-centres .usher {width:58px; display:block; float:left; text-align:right; padding-right:8px; color: orange; font-size:10px; text-transform: uppercase;}

.usher {color: orange; font-size:10px; text-transform: uppercase;}

/** End TYPOGRAPHY ------------------------------------------ **/



/** --- SIDEBAR -------------------------- **/

#sidebar .widget_nav_menu li{border:0; padding-bottom:0}
#sidebar .heading h3 {font-size:16px; line-height:19px; text-transform:uppercase;}

#wrapper #sidebar #menu-technology .current_page_item > a {color:#703500!important; font-weight:900; text-decoration:none}

#sidebar .widget h3 {margin: 0 0 6px 11px; padding: 0 0 5px 0;font-size:16px!important; font-weight:700!important; border-bottom:solid 1px #333333}

#sidebar .widget_nav_menu li a:before, #sidebar .widget_categories li a:before, #sidebar .widget .recentcomments:before, #sidebar .widget_recent_entries li a:before, #sidebar .widget_archive li a:before, #sidebar .widget_pages li a:before, #sidebar .widget_links li a:before, .side-nav .arrow:after, .woocommerce-tabs .tabs a:hover .arrow:after, .woocommerce-tabs .tabs li.active a .arrow:after, .widget_layered_nav li a:before, .widget_product_categories li a:before {content: none !important;}

#sidebar .widget_nav_menu li, #sidebar .widget_categories li, #sidebar .widget_product_categories li, #sidebar .widget_meta li, #sidebar .widget .recentcomments, #sidebar .widget_recent_entries li, #sidebar .widget_archive li, #sidebar .widget_pages li, #sidebar .widget_links li, #sidebar .widget_layered_nav li, #sidebar .widget_product_categories li  {padding: 4px 10px 10px 12px; line-height:16px!important}

#sidebar ul.menu li.menu-item-has-children { position: relative; }
.js #sidebar ul.menu li ul { display: none; }

/** End SIDEBAR ------------------------------------------ **/



/** --- HEADER -------------------------- **/

#header {border-bottom: 8px!important;}
.header-social {border:0 !important;}
.header-v4 .logo-container .logo { height: 89px; max-width: 100%; position: relative; width: 388px; }
.crest, .biochem, .uoft { position: absolute; }
.crest img, .biochem img, .uoft img { width: 100%; }
.crest { height: 89px; z-index: 2; }
.crest img { max-height: 100%; width: auto; }
.uoft { bottom: 0; }
@media (max-width: 445px) {
	.header-v4 #header { padding: 0!important; }
}
@media (max-width: 800px) {
	.header-v4 #header .logo-container .logo { margin: 0 auto!important;}
}
@media (min-width: 801px) {
	.header-v4 .logo-container .logo { margin: -58px 0 -10px 4px!important; }
}

/** End HEADER ------------------------------------------ **/



/** --- MENUS -------------------------- **/

.menu a {text-transform:uppercase;  font-weight:bold;}

.sub-menu a {text-transform:none!important; font-weight:normal}

#small-nav {margin-bottom:30px}

.single-navigation {height:14px;line-height:14px; border:0;margin-bottom:10px; text-align: right;}

.side-nav li:first-child {border:0!important}
.single .post .meta-info {margin-bottom:10px;}

.post .meta-info {border:0;clear: none;margin:0;padding:0 0 10px 0;font-size: 12px;color:#666}
.fusion-blog-medium .entry-meta, .fusion-blog-large .entry-meta { border: 0; clear: none; }
.fusion-blog-medium .entry-meta .entry-meta-details, .fusion-blog-large .entry-meta .entry-meta-details { float: none; }
.fusion-blog-medium .entry-meta:after, .fusion-blog-large .entry-meta:after { clear: none; }

.fusion-sharing-box {display: table;margin:0!important;padding:10px 0 10px 0;height:auto!important;width: 100%; background-color:#FFFFFF!important; text-align: right;}

.share-box {margin-bottom:10px!important}

.fusion-social-network-icon {margin-right:0!important; margin-left:20px!important; color:orange!important;}

/** End MENUS ------------------------------------------ **/



/** --- IMAGES -------------------------- **/

div.post-content img {margin:0 0 8px 0!important}
div.wp-caption img {margin:0!important}
div#content img.alignright {margin-left:20px!important}


/** End IMAGES ------------------------------------------ **/



/** --- TECHNOLOGY -------------------------- **/

#technology-centres h3, #technology-centres span {margin-left:14px;}

#technology-centres h3 {margin-top:-20px; margin-right:8px}

#technology-centres p {line-height:20px; margin-right:10px; margin-top:6px}

/** End TECHNOLOGY  ------------------------------------------ **/



/** --- Image caption text -------------------------- **/

p.wp-caption-text {color:#999999; margin:6px 2% 20px 2%; font-size:.9em; line-height:1.15em}

/** End PEOPLE PAGES ------------------------------------------ **/



/** --- FOOTER -------------------------- **/

.footer-area ul, .footer-area ul li, .footer-area ul li a {}

.footer-area {border-top:0;background: none repeat scroll 0% 0% #363839;padding: 43px 10px 40px;color: #8C8989;position: relative;}

/** End FOOTER ------------------------------------------ **/




/** --- PEOPLE PAGES -------------------------- **/

#people-header table {margin:0 6px 10px 0}

#people-header h1{margin-bottom: 0!important; padding-bottom: 0!important;}

#people-header h4 {margin:0px 0 20px 0; font-size:16px}

#people-header p {max-width:100%}

.single-people .page-title-container, .single-courses .page-title-container { display: none; }

.bio { font-style: italic; }

#people-bio img {margin:0 0 10px 0!important;}

#people-publications h3, #people-awards h3, #people-research h3, #people-bio h3 {text-transform:uppercase;}

#person-news-slider h2 {font-size:18px!important; line-height:1.06em!important; padding-bottom:16px!important}

div#person-news-slider {margin-bottom:30px}

div#people-portrait img {margin:0!important; padding:0!important}


/** End PEOPLE PAGES ------------------------------------------ **/




/** --- COURSES PAGES -------------------------- **/

/** First paragraph **/
.single-courses .fusion-two-third {padding-top:14px}

/** Announcement **/
.single-courses .fusion-one-third {padding-top:14px}

.single-courses .fusion-one-third p, .single-courses .full-column p {line-height:1.2em; margin-bottom:8px;  color:#cc6600 }

.single-courses .fusion-one-third li {line-height:1.2em;  color:#cc6600;margin-bottom:8px }

.single-courses .fusion-one-third ul, .single-courses .fusion-one-third ol  {padding-left:22px!important;}

/** Detail areas  **/
.single-courses .fusion-one-half p {margin-bottom:8px;}

/** End COURSES PAGES --------------------------------------- **/


/** --- SIDEBAR NAVIGATION -------------------------- **/

/** Technology
#menu-technology a:link {color:#cc6600!important}
#menu-technology a:visited {color:#ebb27a!important}
#menu-technology a:hover {color:#ff6e00!important; text-decoration:underline}
#menu-technology a:active {color:#00cc99!important}  **/

/** Graduate Program**/


.current_page_item {color:#00cc99!important}
/** Undergraduate Program**/


/** Default**/


/** End COURSES PAGES --------------------------------------- **/


/** --- FACULTY CARD -------------------------- **/

.courses .faculty-card { float: left; margin-right: 2%; }
.full-column .faculty-card { width: 100%; }
.faculty-card img, div.post-content .faculty-card img { display: block;  margin-right: .5em!important; }

.faculty-card .position { color: #666; font-weight: normal; font-style: italic; }


div.technology-contact .faculty-card {min-height:210px;  max-width: 500px}

div.technology-contact img {float:left; margin: 0 1em 0 0!important}

div.technology-contact h4 {font-size:20px; padding:30px 0px 10px 0!important;}

/* Faculty list popovers */
.page-id-10716 .popover {min-height:120px; min-width:360px; border-radius:0px;box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.2);}
.page-id-10716 .popover img {margin:-10px 14px 0 0!important; padding:0!important}

.faculty-card .research-title { font-weight: bold; font-style:italic;padding-right:10px }

.fusion-popover.right .arrow {border-right-color:#ebebeb;}
.fusion-popover {border-color:#ebebeb; font-weight:bold;color: #09F;}
.fusion-popover .popover-title {background-color:#f6f6f6;color:#747474;border-color:#ebebeb;}
.fusion-popover .popover-content {background-color:#ffffff;color:#747474;}
.fusion-popover.right .arrow:after {border-right-color:#ebebeb;}
.popover-content .faculty-card {display: block!important; float:none!important;  }

.page-id-10716 .popover-content {padding:0}

.page-id-10716 .popover-content h4 {margin:10px 0 3px 0!important; font-size:18px}/* person name */

.popover-content p { margin:0 10px 0 0; font-size:12px; line-height:1.2em }
span.research-title {font-size:14px; line-height:1.12em}
.popover-content .break { -ms-word-break: break-all; word-break: break-all; word-break: break-word; display: block; }


/* Hide faculty list popovers on touch-enabled devices */
.touch .page-template-template-faculty-list-php .popover { display: none!important; }




/* Card with lab image */
.page-template-template-participating-faculty-php div.faculty-card h3, .page-template-template-research-areas-php div.faculty-card h3, .page-template-template-research-opportunities-php div.faculty-card h3 {font-size:20px; line-height: 1.15em}
.page-template-template-participating-faculty-php div.faculty-card h4, .page-template-template-research-areas-php div.faculty-card h4, .page-template-template-research-opportunities-php div.faculty-card h4 {font-size:16px; margin:0px!important}
.page-template-template-participating-faculty-php div.faculty-card p, .page-template-template-research-areas-php div.faculty-card p, .page-template-template-research-opportunities-php div.faculty-card p {line-height: 1.2em; margin-bottom:8px}

/** End FACULTY CARD ------------------------------------------ **/






/** --- CUSTOM HOME PAGE -------------------------- **/

body.page-template-blank-php {padding-top:0px;}

#background-1, #background-2, #background-3, #background-4, #background-5, #background-6, #background-7, #background-8 { background-attachment: fixed; background-color: black; background-image: none; background-position: center top; background-repeat: no-repeat; background-size: cover!important; height: 100%; }

#background-1 {background-image: url(https://biochemistry.utoronto.ca/graphics/1.jpg)}
#background-2 {background-image: url(https://biochemistry.utoronto.ca/graphics/2.jpg)}
#background-3 {background-image: url(https://biochemistry.utoronto.ca/graphics/3.jpg)}
#background-4 {background-image: url(https://biochemistry.utoronto.ca/graphics/4.jpg)}
#background-5 {background-image: url(https://biochemistry.utoronto.ca/graphics/5.jpg)}
#background-6 {background-image: url(https://biochemistry.utoronto.ca/graphics/6.jpg)}
#background-7 {background-image: url(https://biochemistry.utoronto.ca/graphics/7.jpg)}
#background-8 {background-image: url(https://biochemistry.utoronto.ca/graphics/8.jpg)}

div#logo-box {min-width:418px}

body.page-template-blank-php div#wrapper {background-color: transparent!important}

.page-template-blank-php .flip-box-front, .page-template-blank-php .flip-box-back { border-color:transparent;border-radius:12px; padding:10px 0;background-color:rgb(155,170,39);background-color:rgba(155,170,39,.9);}

#flip-box-2 {margin-top:10px }


/** --- Menu - About, Resources, Contact-------------------------- **/
.homepage-navigation { text-align: right; }
.homepage-navigation ul { margin: 0; padding: 0;font-size:12px; }
.homepage-navigation li { display: inline; list-style: none; font-size:12px; background: rgb(0,0,0); background: rgba(0,0,0,0.3); margin:0!important; padding:6px 12px 5px}


#logo-blurb p {color: white;font-size: 13px; font-style:italic; font-weight:normal!important; font-weight:100!important; max-width:540px; line-height:1.3em; margin: 0;}

#logo-box {margin:30px 80px 14px 0; background-color: rgb(0,0,102); background-color: rgba(0,0,102,.4); border-radius:16px;}

#logo-blurb {padding:10px 10px 10px 20px; margin:0; background-color: rgb(0,0,102); background-color: rgba(0,0,102,.4); border-radius:16px;}




#home-box-1 {padding:0px 12px 12px 17px; background-color: rgb(4,153,153); background-color: rgba(4,153,153,.9); border-radius:16px;}

#home-box-2 {padding:0px 12px 12px 17px; background-color: rgb(0,102,73); background-color: rgba(0,102,73,.9); border-radius:16px;}

div#home-box-3 .flip-box-front, div#home-box-3 .flip-box-back {padding:10px 0}




#home-nav h2, #home-nav p, #logo-blurb h3, body.page-template-blank-php a, #home-box-recruiting h2, #home-box-recruiting p, #home-recruit-buttons h2  {color:rgb(255,255,255); color:rgba(255,255,255,.85)}

body.page-template-blank-php a:hover {color:rgb(255,255,255)!important; color:rgba(255,255,255,1)!important}

#logo-box img {margin:14px 0 0 20px!important}

#home-nav h2, #home-box-recruiting h2{margin:14px 0 2px 0!important; padding:0!important; text-transform:uppercase; font-size:15px!important; font-weight:900; letter-spacing:1px; line-height:1.1em!important}

div#home-nav p, div#home-box-recruiting p{font-style: italic; padding:0; font-size:13px; line-height:1.1em;padding:0!important; margin:0}

div#home-box-3  {font-style: italic; padding:14px 0; font-size:13px; line-height:1.1em;padding:0!important; margin:0}

div#home-box-3 .flip-box-back-inner {margin-top:0!important; padding:0}

/* #home-box-recruiting {text-align} */

#home-box-3 p {margin-bottom:4px }




/** --- News Slider (Fader) -------------------------- **/
#home-news-slider {background: rgb(0,0,0); background: rgba(0,0,0,0.5); border-radius: 16px; color: rgb(255,255,255); color: rgba(255, 255, 255, 0.9); margin-top:150px; min-height:280px }
#home-news-slider h3 { float: left; padding-left: .5em; text-transform: uppercase;font-size:14px!important; margin:8px 0 10px 4px }
#home-news-slider h2 {font-size:13px!important; line-height:1.2em!important}
#home-news-slider  {font-size:11px!important; line-height:1.14em!important}
#home-news-slider p.link {font-size:10px; border-bottom: 1px solid #444; font-style: italic; margin:0; padding:1.16em .7em .5em; text-align: right; text-transform: uppercase; }
#home-news-slider p.link a { color: #ccc; }
#home-news-slider .flexslider { clear: both; margin: .75em; padding-bottom: 20px;  }
#home-news-slider .flex-control-paging li a { background: #777; }
#home-news-slider .flex-control-paging li a.flex-active { background: #eee; }



/** --- Recruiting Flip Boxes  -------------------------- **/

#home-box-recruiting {margin:-30px 0 5px 0; font-style: italic; padding:0px 12px 12px 17px; background-color: rgb(153,170,27); background-color: rgb(4,153,153); background-color: rgba(4,153,153,.9); border-radius:16px;}
#home-box-recruiting p { line-height: 1.1em; margin: 0; }

div#home-recruit-buttons .flip-box-front, div#home-recruit-buttons .flip-box-back {padding:10px 0;}

div#home-recruit-buttons .flip-box-back {font-style: italic; font-size:13px; line-height:1.1em; font-weight:200;}

div#home-recruit-buttons .flip-box-front h2, div#home-recruit-buttons .flip-box-back h2{padding:0!important; margin:0!important; text-transform:uppercase; font-size:13px!important; font-weight:900; letter-spacing:1px; line-height: 1em}

#flip-box-3 .flip-box-front, #flip-box-4 .flip-box-front, #flip-box-5 .flip-box-front, #flip-box-6 .flip-box-front { color:#747474; }

#flip-box-3 .flip-box-front, #flip-box-3 .flip-box-back { background-color:rgb(198,164,22); background-color:rgba(198,164,22,.9); }
#flip-box-4 .flip-box-front, #flip-box-4 .flip-box-back { background-color:rgb(123,164,22); background-color:rgba(123,164,22,.9); }
#flip-box-5 .flip-box-front, #flip-box-5 .flip-box-back { background-color:rgb(147,142,52); background-color:rgba(147,142,52,.9); }
#flip-box-6 .flip-box-front, #flip-box-6 .flip-box-back { background-color:rgb(232,166,36); background-color:rgba(232,166,36,.9); }





/** End CUSTOM HOME PAGE ------------------------------------------ **/



/** --- MEDIA QUERIES -------------------------- **/

@media (max-width: 800px) {
	.homepage-navigation { text-align: center; }
	.homepage-navigation li { margin: 0 1em; }
	#home-news-slider { margin-top: 0; min-height: 0; }
	#home-box-recruiting { text-align: center; }
}

@media (max-width: 500px) {
	div#logo-box { margin: 20px 0 14px 0; min-width: 0; }
	#logo-box img {margin: 0!important; padding: 5%; }
}

/** --- End MEDIA QUERIES -------------------------- **/





/** --- Shortcodes -------------------------- **/
body.page-pageid-10364 .one_half
 {margin-right:10%;
  float: left;
  margin-bottom:40px!important;
  position: relative;}
.page-id-10364 .one_half {width: 45%;}
/** --- End Shortcodes -------------------------- **/




/** --- BLOGs -------------------------- **/
div.blog-medium img, div.medium img  {margin:0 20px 10px 0!important}

h2.entry-title{margin:0!important; font-size:21px!important; line-height:1.14em!important; padding-top:12px}
p.entry-meta-details {margin:0 0 10px 0!important;}

div.type-post{margin-bottom:60px}

div.blog-medium p, div.medium p {max-width:670px!important;}

div.entry-meta {margin:0!important}

/** main News & Events blog **/
.post .meta-info {margin:6px 0;color:#999;}

/** --- Other Archive blogs -------------------------- **/
div.meta-info, .vcard, time.published {margin:0px; color:#999; }
/** --- End Blog -------------------------- **/

/* Events Calendar */
.post-content #tribe-community-events { font-family: "Lato",Arial,Helvetica,sans-serif; }
.post-content #tribe-community-events #loginform p { margin: 0 0 20px; width: auto; }
.post-content #tribe-community-events p.login-submit { text-align: left; }
.post-content #tribe-community-events #loginform p label { display: inline; font-size: 100%; }
.post-content #tribe-community-events #loginform p input[type="text"], .post-content #tribe-community-events #loginform p input[type="password"] { margin: 0; width: auto; }

#tribe-community-events input[type="text"], #tribe-community-events input[type="password"], #tribe-community-events textarea { box-shadow: none; border: 1px solid rgb(204,204,204); padding: 3px; }
#tribe-community-events select { color: #000; }
#tribe-community-events input[type="text"].select2-input { border: 0; }

.post-content #tribe-events p, .post-content #tribe-community-events p { max-width: none; }

.tribe-community-events h3 a, .tribe-community-events h3 em { font-size: 20px; }

.events-community.my-events { width: 100%; }
.events-community.my-events .title { margin: 0; }

.tribe-events-category-5337 .url, .link-5337 { color: #F7700C!important; } /* Small Seminar Room */
.tribe-events-category-5337 .url:before, .link-5337:before { background: #F7700C; content: '5337'; }
.tribe-events-category-5243 .url, .link-5243 { color: #5F7849!important; } /* Medium Seminar Room */
.tribe-events-category-5243 .url:before, .link-5243:before { background: #5F7849; content: '5243'; }
.tribe-events-category-5231 .url, .link-5231 { color: #084681!important; } /* Large Seminar Room */
.tribe-events-category-5231 .url:before, .link-5231:before { background: #084681; content: '5231'; }

.tribe-events-category-5337 .url:before, .tribe-events-category-5243 .url:before, .tribe-events-category-5231 .url:before,
.link-5337:before, .link-5243:before, .link-5231:before { border-radius: 20%; color: white; display: inline-block; zoom: 1; *display: inline; font-size: 0.75em; margin-right: .25em; padding: .25em .25em .1em; }
.link-5337:before, .link-5243:before, .link-5231:before { padding: 0 .2em;}

.my-events-header h2.my-events, .tribe-community-events-list-title { display: none!important; }