style.css

/*
Theme Name: OLA Super Conference Theme
Theme URI: http://sullivanstreet.ca
Author: Sean Rasmussen
Author URI: http://sullivanstreet.ca
Description: Custom theme for OLA. Built with Bootstrap front-end, and includes custom templates for handling events. 
Version: 1.0
License: OLA
License URI: https://www.accessola.org/
Tags: custom, bootstrap, events, OLA, super conference

OLA WordPress Theme © 2015 Sean Rasmussen
*/

html, body { height: 100%;}
body.admin-bar .navbar-fixed-top { top: 28px !important; }
#sidebar ul li {
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 4px;
	padding-top: 2px;
}

.ola-orange {
	color: #F17635;
}
.attachment-box {
	margin: 20px 0px 20px 0px;
	padding: 10px 15px 0px 15px;
	border: 1px solid #e7e7e7;
	width: 300px;
}
.attachment-box p {
}
.circle-box {
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	border-radius: 50%;
	width: 525px;
	height: 525px;
	text-align: center;
	padding: 100px;
}
.attachment-box a:before {
   font-family: FontAwesome;
   content: "\f0f6";
   display: inline-block;
   padding-right: 6px;
   vertical-align: middle;
   font-size: 150%;
}
.current-menu-parent a {
}
#sidebar ul {
	margin-bottom: 30px;
}
#sidebar .form-control {
	margin-left: 0px;
}
#footer-widget-wrapper ul li {
	border-bottom: 1px;
	border-bottom-color: #e7e7e7;
	border-bottom-style: solid;
	padding-bottom: 4px;
	padding-top: 2px;
}
#footer-widget-wrapper ul {
	margin-bottom: 30px;
}
.widget-title {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}
#logo img {
	max-height: 50px;
}
.abovenav {
	padding-top: 15px;
	padding-bottom: 15px;
 }
#branding {
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #0063af;
}

#branding a {
	color: white;
}
#branding a:hover {
	color: black;
}
.navbar-fixed-top  {
}

/* BEGIN -- MISC MODDED BOOTSTRAP CLASSES */
.page-header {
}
.navbar {
	margin-bottom: 0px;
}
.navbar-inverse .navbar-brand {
	text-transform: uppercase;
	font-weight: bold;
}
.navbar-nav {
	text-transform: uppercase;
}
.btn-default {
}
.list-group a:hover {
	transition: all 0.9s ease 0s;
}
/* END -- MODDED BOOTSTRAP CLASSES */

.page-sidebar {
	margin-top: 30px;
}
.headbar {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #27AAE1;
	width: 100%;
	margin-bottom: 0px;
}
.headbar a {
}
.headbar p {

}

#site-description h3 {
	margin-top: 15px;
	margin-bottom: 0px;
	font-size: 20px;
}
#site-description small {
}
#site-description a {
	margin-left: 10px;
}
#site-description a:hover {
}
#sidebar ul  {
	list-style: none;
	padding-left: 0;
}
/* BEGIN Page Footer Styles */
#main-footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fafafa;
	margin-top: 20px;
}
#footer-widget-wrapper {
	background-color: #FAFAFA;
	padding-top: 50px;
	padding-bottom: 50px;
	border-top: 4px solid #E6E6E6;
	border-bottom: 4px solid #E6E6E6;
	margin-top: 20px;

}
.timeline {
    max-width: 520px;
    margin-bottom: 10px;
    background-color: transparent !important;
    border-radius: 5px;
}

#copyright {
	padding-top:20px;
	padding-bottom: 20px;
	background-color: #4e6cb4;
	color: black;
}
#copyright small {
}
#main-footer ul {
	list-style: none;
	padding-left: 0;
}
h3.widget-title  {
	margin-top: 0px;
}
 
.entry-meta {
	font-size: 85%;
	padding-bottom: 4px;
	padding-top: 4px;
}
 
.entry-footer {
	font-size: 80%;
	margin-bottom: 20px;
}
.entry-header {
	font-size: 80%;
}


/* BEGIN Blog Grid Layout Styles */

.responsive-thumb img {
	width: 100%;
	height:auto;
	opacity: 1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}
.responsive-thumb:hover {
opacity: 0.75;
}

.horizontal-grid {
	margin-top: 20px;
	margin-bottom:20px;
}

/* BEGIN Wordpress image classes */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {
	max-width: 96% !important;
	width: auto !important;
}
/* END Wordpress image classes */



/* Front Page Styles */

.homepage-banner-ad {
	margin-top: 30px;
	padding-top: 30px;
	margin-bottom: -10px;
	padding-bottom: 0px;
}
.jumbotron {
position: relative;	
text-align: left;	
background-color: white;
/*EDT background-image: url("https://www.olasuperconference.ca/wp-content/uploads/2022/11/SC23-Wordpress-Hero-Image_Background.png");*/
background-position: center center;
background-repeat: no-repeat;
background-size: /*EDT 3px 13px*/ cover;
margin-bottom: 0px;
border-bottom: 2px solid #e7e7e7;
border-top: 1px solid white;
padding-top: 0px;
padding-bottom: 0px;
}
.jumbotron h2 {
color: black;
}
.jumbotron h1 {
	color: black;
	margin-top: 60px;
	font-size: 34px !important;
}
.jumbotron small {
color: black;
line-height: 1;
}
.jumbotron h3 {
	color: black;
}
.jumbocounter {
	color: black;
}
.jumbocounter p {
	font-size: 20px !important;
}
.countdown-label {
	font-size: 20px !important;
	margin-top: 20px;
}
.jumbotron-fg {
	max-height: 600px;
	margin-left: auto;
	margin-right: auto;
}
.jumbotron .btn {
	margin-top: 20px;
}
#homepage-content {

}
#homepage-content p {
	font-size: 18px;
}
#homepage-content h2 {
	margin-bottom: 20px;
}

#homepage-blog {
	padding-bottom:70px;
	margin-top: 0px;
	border-bottom: 1px solid #e7e7e7;
}
#homepage-blog h2 {
	margin-top: 30px;
	margin-bottom: 40px;
}
#homepage-blog h3 {
	font-size: 18px;
}
#homepage-social {
	padding-top: 20px;
	padding-bottom: 30px;
	background-color:#FAFAFA;
	text-align: center;
}
#homepage-social h2{
	margin-bottom: 20px;
}
a.socialicons  {
	margin: 20px;
}
a.socialicons:hover {
	color: black;
}
#homepage-speakers {
	padding-top: 100px;
	padding-bottom: 110px;
	border-top: 1px solid #e7e7e7;
}

.big-gray-paragraph {
	font-size: 20px;
	color: gray;
	margin-bottom: 15px;
}
.speakerslide {
	border: 1px solid #e7e7e7;

}
.speakerslide p {
	padding-left: 10px;
		margin-top: 0px;

}
.speakerslide h3 {
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
}
.speakerslide img {
	width: 100%;
	height:auto;
	opacity: 1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}
.speakerslide:hover {
opacity: 0.75;
}
#homepage-sponsors {
	padding-top: 70px;
	padding-bottom: 30px;
	border-top: 1px solid #e7e7e7;
}
#homepage-sponsors h3 {
	margin: 40px auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #e7e7e7;
	width: 30%;
	color: gray;
}
.sponsorslide {
	padding: 15px;
}
.sponsorslide h4 {
	color: gray;
	font-size: 18px;
	margin-top: 20px;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 5px;

}
/* Blog Index Event Page Styles */
.news-entry-meta {
margin-top: 0px;
margin-bottom: 0px;
}
.news-entry h2 {
margin-top: 0px;	
}
/* Speaker Index */

.speaker-grid h3 {
	margin-bottom: 5px;
}
.job-title {
	font-weight: bold;
	font-size: 12px;
	color: gray;
}

/* Single Event Page Styles */

.mediabox {
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #e7e7e7;
	padding: 10px;
}

.media-heading {
	font-weight: bold;
}
.event-sidebar-title {
	margin-top: 0px;
	font-size: 16px;
	font-weight: bold;
}

/* Master List Page Styling ie fixed day headers */
.followMeBar {
	background-color: #00C943;
/* #0091CA;*/
  padding: 10px 20px;
  position: relative;
  z-index: 1;
  color: #fff;
  box-sizing: border-box;
}

.followMeBar.fixed {
  position: fixed;
  top: 0px;
  width: 100%;
  box-sizing: border-box;
  z-index: 30;
}

.followMeBar.fixed.absolute {
  position: absolute;
}


/* Main Schedule Page Styling */
.list-group-header {
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
.beautiful-taxonomy-filters {
	margin-left: 0px !important;
	margin-right: 0px !important;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: #FAFAFA;

}
.beautiful-taxonomy-filters-button {
	color: white;
	background-color: #ea9242;
}
.beautiful-taxonomy-filters-button:hover {
	color: white;
	background-color: black;
}
.beautiful-taxonomy-filters-label {
	font-family: "Raleway", sans-serif;
	font-size: 20px;
	font-weight: normal;
}
.sched-header {
	background-color: #cc504c;
	margin-top: -20px;
	margin-bottom: 20px;
	padding-bottom: 10px;

}
.sched-header h1, .sched-header h2{
	color: white;
}
.sched-header h1 {
	margin-top: 20px;
}

a.pdf-sched {
	margin-top: 15px;
}
/* Speaker archive page */
.tier-label  {
	margin-bottom: 0px;
	padding:4px;
	font-size: 12px;
}

.Spotlight {
		background-color: #e7e7e7;
}
.Keynote {
		background-color: #FAFAFA;
}
.Featured {
		background-color: #FAFAFA;
}

/* Scroll to top button styles */

.scroll-top-wrapper {
    position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #777777;
	color: #eeeeee;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}
.mediabox .sharedaddy {display: none;}

/*bootstrap.min.css changes since I don't have access to bootstrap.min.css */
a {color: #0063af;}

.btn-info {
    background-color: #0063af;
    border-color: #0063af;
}

.btn-info:focus, .btn-info.focus {
    color: #ffffff;
    background-color: #0063af;
    border-color: #0063af; 
}

.btn-info:hover {
    color: #ffffff;
    background-color: #0063af;
    border-color: #0063af; 
}

.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    color: #ffffff;
    background-color: #0063af;
    border-color: #0063af; 
}

.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus {
    color: #ffffff;
    background-color: #0063af;
    border-color: #0063af;
}


.btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info.focus {
    background-color: #0063af;
    border-color: #0063af;
}

.btn-info .badge {
    color: #0063af;
    background-color: #ffffff
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #0063af;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #0063af;
}

.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #0063af;
    }

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #0063af;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #0063af;
}

 .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #ffffff;
        background-color: #0063af;
    }

a.list-group-item-info.active, button.list-group-item-info.active,
a.list-group-item-info.active:hover, button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus, button.list-group-item-info.active:focus {
    color: #fff;
   background-color: #0063af;
    border-color: #0063af;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #0063af;
}

.btn-group .dropdown-toggle.btn-info ~ .dropdown-menu {
    background-color: #0063af;
    border-color: #0063af;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, 
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
        background-color: #0063af;
    }

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    background-color: #0063af;
}

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #0063af;
    }

.navbar-inverse .dropdown-menu > li > a:hover, .navbar-inverse .dropdown-menu > .active > a,
.navbar-inverse .dropdown-menu > .active > a:hover {
    background-color: #0063af;
}








/* MEDIA QUERIES */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
 }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.sched-day, .sched-time {
	margin-top: 10px;
	}
	ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
	}
	#alphaspeakerlist {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

 }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

.jumbotron h1 {
		font-size: 75px;

}
}
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) { 

a img.alignleft {float:none; margin:0 1em 1em 0; width: 100%;}

	a.socialicons  {
		font-size: 10px;
	}
	.jumbotron {
		height: 750px;
	}

	.jumbocounter p {
		font-size: 15px !important;
	}
	.countdown-label {
		font-size: 15px !important;
	}
	
	.col-md-6 h1 {
		font-size: 17px !important;
	}

	.col-md-6 h2 {
		font-size: 15px !important;
	}	
	
	.col-md-6 h3 {
		font-size: 15px !important;
	}	
		
}