/*
 * UofT Base Theme
 *****************************/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Others
 * -----------------------------------------------------------------------------
 */

/**
 * 1.0 Reset, 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */
body, p { font-family: "Roboto", "Helvetica neue", Helvetica, Arial, sans-serif; font-size: 14px; color: #001937; }
.logged-in body {
	padding-top: 50px!important;
}
p, div, img { max-width: 100%; }

h1,.h1 { font-size: 34px; margin-top: 30px; margin-bottom: 20px; font-weight: 700; font-family: 'Roboto', sans-serif;  }
h2,.h2 { font-size: 30px; margin-top: 30px; margin-bottom: 20px;
    color: #1996b8; font-family: 'Roboto', sans-serif; font-weight: 700 }
h3,.h3 { font-size: 22px; font-weight: bold; color: #002a5c; }
h4,.h4 { font-size: 16px; font-weight: bold; }
h5,.h5 { font-size: 15px; font-weight: normal; font-style: italic; }

a { color: #4d75a8; cursor: pointer; }
a.navbar-brand { color: #002a5c;}
/*#page { position: relative; overflow-x:hidden;}*/

/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */
.leftCol { float: left}
.rightCol { float: right}
.container { min-width: 300px; }
.sidebar-home { margin-top: 30px }

/* disable comments */
#comments { display: none }

.entry-title { line-height: 1.3; border-bottom: 1px solid #001937; padding-bottom: 10px}
.entry-content { margin-top: 30px; }
.entry-content p { margin-bottom: 20px; line-height: 1.5 }

/* Post */
.cat-links, .posted-on { display: none; }
.display-posts-listing { margin-top: 20px}
.page-header { margin-top: 0 }  /* remove top margin for post pages */

/* List */
.body ul { list-style: square; padding-left: 20px}
ul.no-bullets { list-style: none;padding-left: 0; }

.btn-label { width: 0px; height: 0px; overflow: hidden; font-size: 0; float: left; }

.navbar.navbar-fixed-top {
	background: #fff;
	box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
}


/**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */
.site-name {
    font-family: 'Roboto', sans-serif;
    color: #002a5c;
    font-weight: 700;
}
.site-name a {
    color: #002a5c; margin-top: 0;line-height: 1.2; margin-top: 8px
}
.site-name a:hover {
    color: #09c; text-decoration: none;
}


@media only screen and (min-width : 320px) {
.site-header { padding-top: 15px; padding-bottom: 15px}
.site-logo-link { float: none; display: inline-block; margin-left: 0; width: 180px; height: 66px;   }
.site-logo {
    width: 180px; height: 66px; display: block;
    margin: 0;
}
.site-header h1 {
	margin: 0;
	font-family: "Roboto", sans-serif;
	font-weight: 200;
}
.site-name {padding-left: 0;}
.site-name a { font-size: 24px; line-height: 1; }
.site-name small {font-size: 18px;}

}

@media only screen and (min-width : 480px) {
.site-header { padding-top: 0; padding-bottom: 0}
.site-logo-link { width: 180px; height: 66px;  }
.site-logo {
    width: 180px; height: 66px; display: block;
    margin: 0;
}
.site-name {
	padding-left: 0;
}
.site-name a { font-size: 36px; }

}


@media (min-width: 768px) {
    .site-header { padding-top: 15px; padding-bottom: 15px}
    .site-header .container { position: relative; }

    .site-logo-link { float: left; display: inline-block; width: 200px; height: 73px; }
	.site-logo {
        width: 200px;
        height: 73px;
        display: inline-block; margin: 0;
    }
	.site-name {
        float: left;
        display: inline-block;
        font-size: 26px;
        padding: 0;
        border: none;
        background: none;
        margin: 0;
    }
	.site-name a {
        display: block;
    }

    .site-name > a > span {
        padding: 0; margin: 0;
        display: block; font-weight: 300; font-size: .9em;
        font-family: 'Roboto Condensed', sans-serif;
    }

 }

@media (min-width: 992px) {
    .site-header { padding-top: 20px; padding-bottom: 20px}
    .site-logo-link { float: left; display: inline-block; width: 255px; height: 93px; }
    .site-logo {width: 255px; height: 93px; display: inline-block; margin-top: 0; }
    .site-name {
        float: left;
        display: inline-block;
        padding: 0;
        border: none;
        background: none;
        margin: 0;
    }
    .site-name a {
        display: block; font-size: 26px; line-height: 1.2;
    }

    .site-name > a > span {
        padding: 0; margin: 0;
        display: block; font-weight: 300; font-size: .9em;
        font-family: 'Roboto Condensed', sans-serif;
    }
}

.site-name small {
	display: block;
	line-height: 1.45;
}

.notes, .notes p {
	font-size: 0.9em;
	color: #999;
}

/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */

/* Primary Navigation */
.primary-navigation {
	border-radius: 0;
	border: none;
    border-top: 5px solid #002a5c;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.25);
}
.primary-navigation .container {
    margin: 0 auto; padding: 0;
}
.primary-navigation .nav-menu { padding-left: 0; }
.primary-navigation .sub-menu { font-weight: normal; }
.primary-navigation ul { margin-left: 0;  }
.primary-navigation li { list-style: none; }
.primary-navigation .nav-menu a:hover { text-decoration: none}

@media (min-width: 320px) {

    .primary-navigation .nav-menu li a {
        padding: 10px;
        display: block;
    }
    .primary-navigation ul.sub-menu  { padding-left: 10px; }

}

ul.cards {
	overflow: hidden;
	padding: 0;
	list-style: none; margin: 0;
}
ul.cards > li {box-sizing: border-box; background: #fefefe; border: 1px solid #eee; box-shadow: 0 1px 2px rgba(0,0,0,0.25); transition: .4s box-shadow; margin-bottom: 2%;}

ul.cards > li:hover {box-shadow: 0 2px 3px rgba(0,0,0,0.45); border-color: transparent;}
	ul.cards > li > a {
		padding: 16px 16px 8px;
		display: block;
		text-decoration: none;
		font-size: 20px;
		font-family: "Roboto", sans-serif;
		font-weight: 100;
		color: #002a5c;
	}
	ul.cards > li > ul  {list-style: none; margin: 0; padding: 0 0 16px;}
	ul.cards > li > ul a {
		padding: 4px 16px 4px 48px;
		display: block;
	}
	ul.cards > li > ul a::before {
		content: "\f02e";
		float: left; margin-left: -24px;
		font-family: "FontAwesome";
		color: #002a5c;
		font-style: normal;
		font-weight: normal;
	    text-decoration: inherit;
	}

@media (min-width:640px) {
	ul.cards > li {float: left; width: 49%;}
	ul.cards > li:nth-child(odd) {
		clear: left;
		margin: 0 1% 2% 0;
	}
	ul.cards > li:nth-child(even) {
		margin: 0 0 2% 1%;
	}
}

@media (min-width: 992px) {

  .primary-navigation .container {
  }

  .primary-navigation .menu-toggle {
    display: none;
    padding: 0;
  }

  .primary-navigation ul.sub-menu  { padding-left: 0; }

  .primary-navigation > div > .nav-menu { border-top: none; display: block; font-size: 0; /* To prevent white space between inline-blocks */  }
  .primary-navigation.toggled-on {
    border-top: none;
    margin: 0;
    padding: 0;
  }

  .primary-navigation .nav-menu > li > a {
  	font-family: "Roboto", sans-serif;
    font-size: 15px;
    margin: 0;
    height: 45px;
    }
    .primary-navigation .nav-menu > li:first-child > a {
    border-left: none;
    }
  .primary-navigation ul { padding: 0; margin-bottom: 0; border: none; border-radius: 0; }

  .primary-navigation li {
    border: 0;
    display: inline-block;
    position: relative;
    font-size: 15px;
  }
  .primary-navigation li li {
	  display: block;
  }

  .primary-navigation a {
    display: block;
    padding: 0 12px;
    white-space: nowrap;
    color: #002a5c;
    border-top: none;
    font-size: 15px;
  }
  .primary-navigation .nav-menu > li > a { border-top: none }
  .sub-menu li:first-child a {
    border-top: none;
  }

  .primary-navigation ul ul ul {
    left: -999em;
    top: 0;
  }

  .primary-navigation ul ul a {
	  white-space: normal;
  }

  .primary-navigation li:hover > a,
  .primary-navigation li.focus > a {
    background-color: rgba(0,0,0,0.05);
    text-decoration: none;
  }

  .primary-navigation ul ul a:hover,
  .primary-navigation ul ul li.focus > a {
    background-color: #002a5c;
	color: #fff;
  }


}

#home-widgets {
	background: rgba(0, 0, 0, 0.05);
	padding-top: 2em;
	padding-bottom: 2em;
}

h1.page-heading {
	font-family: "Roboto", sans-serif;
	font-size: 1.8em;
	font-weight: 200;
	line-height: 1;
}
@media (min-width: 768px) {

h1.page-heading {
	font-size: 3em;
}

}


/* ------------------------------
 Toolbar
 --------------------------------*/
.site-tools { position: absolute; right: 0 }
.site-tools .toolbar { margin: 0; padding: 0; list-style: none; display: block; }
.site-tools .toolbar li { float: left; border-left: 1px solid #33557d; padding: 0 10px; line-height: 1 }
.site-tools .toolbar li:first-child { border-left: none }

.navdrawer-btn { display: none; }
.navdrawer-btn, .searchdrawer-btn {
    background: #fff;
    border-radius: 50%;
    border: 1px solid #ddd;
    color: #7a8898;
    padding: 5px 0;
}

@media (max-width:992px) {
.navdrawer-btn { display: block; }

}


/* Search Overlay */

.searchdrawer-container {
    z-index: 9999;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    overflow-y: auto;
    padding: 0;
    overflow-x: hidden;
    width: 0;
    background: #002a5c; background: rgba(0, 42, 92, 0.95);
}
.uoftsearch-form { margin: 50px auto 20px auto; width: 90%; max-width: 600px }
.uoftsearch-form .input-group.merged {
    vertical-align: middle;
    margin-left: 0;
    margin-left: 0\9;
    margin-bottom: 40px
}
.uoftsearch-form .form-control.search-field {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ffffff;
    border-radius: 0 !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #ffffff;
    display: block;
    height: 50px;
    line-height: 1.42857;
    padding: 5px 0;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
}
.uoftsearch-form .input-group-addon {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ffffff;
    border-right: none;
    border-radius: 0;
    font-weight: 400;
    line-height: 1;
    padding: 0 15px 0 15px;
    text-align: center;
    color: #7f94ad;
}
.searchdrawer-container .btn-container { text-align: center; }
.searchdrawer-container .btn-container button {
    border-radius: 4px;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px 15px;
    margin: 0 5px 10px 5px;
}
.searchdrawer-container .btn-container button:hover { background: #fff; color: #002a5c }


@media (min-width: 240px) {
    .uoftsearch-form .form-control.search-field {
        font-size: 18px;
        height: 50px;
    }
    .uoftsearch-form .input-group-addon {
        font-size: 18px;
    }
    .searchdrawer-container .btn-container button {
    font-size: 16px;
    width: 70%;
    padding: 10px;
    }


    .navdrawer-btn, .searchdrawer-btn {
    font-size: 18px;
    width: 35px;
    }
}

@media (min-width: 480px) {

    .uoftsearch-form .form-control.search-field {
        font-size: 22px;
        height: 50px;
    }
    .searchdrawer-container .btn-container button {
    font-size: 16px;
    width: auto;
    }

}

@media (min-width: 768px) {
    .uoftsearch-form .form-control.search-field {
        font-size: 20px;
        height: 50px;
    }
    .uoftsearch-form .input-group-addon {
        font-size: 18px;
    }
    .searchdrawer-container .btn-container button {
    font-size: 18px
    }
    .navdrawer-btn, .searchdrawer-btn {
    font-size: 20px;
    width: 40px
    }
}

@media (min-width: 992px) {
    .uoftsearch-form .form-control.search-field {
        font-size: 30px;
        height: 50px;
    }
    .uoftsearch-form .input-group-addon {
        font-size: 18px;
    }
    .uoftsearch-form .input-group-addon {
        font-size: 25px;
    }
    .searchdrawer-container .btn-container button {
    font-size: 20px
    }

    .navdrawer-btn, .searchdrawer-btn {
    font-size: 20px;
    width: 40px
    }
}






/* Smartphones, small devices (991px and down) ----------- */
@media (max-width: 991px) {
.site-tools { display: none; }
.navdrawer-btn { right: 20px;}
.navdrawer-btn.toggle {
    background: #002a5c;
    color: #fff; }

.navdrawer-container{
    z-index: 9999;
    display: block;
    position: absolute;
    right: -320px;
    top: 0;
    height: 100%;
    overflow-y: auto;
    padding: 0;
    overflow-x: hidden;
    width: 320px;
    min-width: 320px;
    max-width: 320px;
}
.navdrawer-container { background-color: #e5e5e5; }
.navdrawer-container .toolbar { clear: both; list-style: none; padding-left: 0; margin-bottom: 0; width: 320px;  }
.navdrawer-container .toolbar .children { display: none; }

.navdrawer-container .toolbar li { width: 50%; float: left; text-align: center; }
.navdrawer-container .toolbar li a {
    font-weight: normal;
    text-align: center;
    padding: 8px 0;
    margin: 0;
    display: block;
    color: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #002a5c;
    background: transparent\8;
    background: rgba(0,42,92,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc002a5c,endColorstr=#cc002a5c);
    zoom: 1;
}
.navdrawer-container .toolbar li a:hover {
    text-decoration: none;
    background: #1996b8;
    background: transparent\8;
    background: rgba(25,150,184,0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#1996b8,endColorstr=#1996b8);
}


}


.navdrawer-open, .searchdrawer-open  { overflow-x: hidden;}
.navdrawer-open .navdrawer-container{
    display: block;
    position: absolute;
    right: 0;
    transition: .5s;
}

.searchdrawer-open .searchdrawer-container {
    display: block;
    position: absolute;
    width: 100%;
    right: 0;
    transition: .5s;
}
.navdrawer-open header.site-header, .navdrawer-open #content, .navdrawer-open footer
    { margin-left: -320px; }
.navdrawer-open .overlay-close, .searchdrawer-open .overlay-close
    { float: right; display: block; position: relative; z-index: 9999; border-radius: 20px; border: none; margin:2px 10px; background: none; width: 30px; height: 30px; font-size: 18px  }
.searchdrawer-open .overlay-close { color: #fff; }
.navdrawer-open .overlay-close i { color: rgba(0, 42, 92, 0.7);}
.navdrawer-open .overlay-close:hover, .searchdrawer-open .overlay-close:hover { background: rgba(255, 255, 255, .3); }
.navdrawer-open .overlay-close i:hover, .searchdrawer-open .overlay-close i:hover { color: #fff }
.navdrawer-open .nav-menu { clear: both;}
.navdrawer-btn:hover, .searchdrawer-btn:hover { color: #002a5c; border: 1px solid #002a5c }

@media (min-width: 992px) {
.navdrawer-btn,
.navdrawer-container
.overlay-close,
.navdrawer-container .toolbar
{ display: none; }
header .toolbar { display: block; }
}


/**
 * 7.1 Widget
 * -----------------------------------------------------------------------------
 */
.widget-title  { font-size: 20px; color: #002a5c; font-weight: 100; margin-top: 0; padding: 20px 20px 10px; }
.widget { background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
@media (max-width:992px) {
	.widget {
		margin-bottom: 30px;
	}
}
.widget ul { list-style: none; padding-left: 20px}
.widget ul li { position: relative; margin: 0 0 10px 0;}
.widget ul li:before {
    position: absolute;
    top: 9px;
    margin: 0 0 0 -12px;
    vertical-align: middle;
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #002a5c;
    content: "";
}
.widget-area h4 { font-family: arial; font-size: 15px; line-height: 1.3; }
.widget-area h4 a { color: #333 }
.widget-area aside { display: block; margin-bottom: 20px}

.widget .textwidget {
	padding: 0 20px 20px;
}


/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */

.site-footer { padding-top: 0; margin-top: 50px; border-top: 1px solid #ccc; font-size: 13px; line-height: 1.5 }
.site-footer .children, .site-footer .nav .sub-menu  { display: none; }
.site-footer .nav { margin-bottom: 0; text-align: left; }
.site-footer .nav li { border-bottom: 1px dotted #ccc; text-align: center;}
.site-footer .nav li a { padding: 10px 20px; display: block; }
.site-footer .nav li a:hover { text-decoration: none; background: #eee }
.site-copy { padding: 10px 15px; text-align: center; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
.site-footer .nav { text-align: center; }
.site-footer .nav li { border-bottom: none; display: inline-block;}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 992px) {
.site-footer .nav { text-align: left; }
.site-copy { text-align: right; }
}




/**
 * 10.0 Others
 * -----------------------------------------------------------------------------
 */

/* Homepage ----------------------------------------------------------- */
/* hide page title on static homepage  */
.home .entry-header {
    display: none;
}

/* Breadcrumb ----------------------------------------------------------- */
.breadcrumb { background-color: #fff; border-bottom: 1px solid #eee; font-size: 12px; color: #999   }

/* Pagination ----------------------------------------------------------- */
.pagination-container .page-numbers {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination-container .page-numbers > li {
    display: inline;
}
.pagination-container .page-numbers > li > a,
.pagination-container .page-numbers > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
    border-radius: 0;
}
.pagination-container .page-numbers > li:first-child > a,
.pagination-container .page-numbers > li:first-child > span {
    margin-left: 0;
}
.pagination-container .page-numbers > li:last-child > a,
.pagination-container .page-numbers > li:last-child > span {
    border-bottom-right-radius: 0;
}
.pagination-container .page-numbers > li > a:hover,
.pagination-container .page-numbers > li > span:hover,
.pagination-container .page-numbers > li > a:focus,
.pagination-container .page-numbers > li > span:focus {
    background-color: #eeeeee;
}
.pagination-container .page-numbers > .active > a,
.pagination-container .page-numbers > .active > span,
.pagination-container .page-numbers > .active > a:hover,
.pagination-container .page-numbers > .active > span:hover,
.pagination-container .page-numbers > .active > a:focus,
.pagination-container .page-numbers > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #428bca;
    border-color: #428bca;
    cursor: default;
}
.pagination-container .page-numbers > .disabled > span,
.pagination-container .page-numbers > .disabled > a,
.pagination-container .page-numbers > .disabled > a:hover,
.pagination-container .page-numbers > .disabled > a:focus {
    color: #999999;
    background-color: #ffffff;
    border-color: #dddddd;
    cursor: not-allowed;
}

.post-navigation { border-top: 1px dotted #ccd4de; margin-top: 20px; margin-bottom: 20px }
.post-navigation h1 { display: none }
.post-navigation .nav-previous { position: absolute; left: 0; padding: 15px }
.post-navigation .nav-next { position: absolute; right: 0; padding: 15px }

/* Category Page ----------------------------------------------------------- */
.archive-header {  margin-bottom: 30px; margin-top: -10px }
.category-item { border-bottom: 1px dotted #ccd4de }
.category-item a h2 { color: #4c698d; }
.read-more { font-style: italic }


/* Multimedia: Image, Video, etc. */
.pull-left.img-thumbnail { margin: 5px 15px 15px 0; }
.pull-right.img-thumbnail { margin: 5px 0 15px 15px; }