/* customised changes to the main theme */

html{
	font-family: 'Open Sans', sans-serif;
}

html body{
	background-color: inherit;
}

/* fix weird heading spacing */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: normal;
}
.mw-content-ltr h2 {
    margin-top: 4px;
    margin-bottom: 4px;
}
.mw-content-ltr h2 .mw-headline {
    margin-top: 20px;
    margin-bottom: 12px;
}
.mw-content-ltr h3 {
    margin-top: 4px;
    margin-bottom: 4px;
}
.mw-content-ltr h3 .mw-headline {
    margin-top: 14px;
    margin-bottom: 8px;
}

.home .row{
	margin-left: 0px;
	margin-right: 0px;
}

.not-home article header .panel-body{
	padding:0px;
}

.not-home header.container{
	padding-left: 15px;
	padding-right: 15px;
	margin-top:10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.not-home #main #primary #content article div.container{
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.not-home #main #primary #content article div.container .entry-content .container{
	width: 100%;
	padding: 0px;
}

.not-home #primary #content article div.container.mw-body .row .col-md-12 {
  padding-left: 0;
  padding-right: 0;
}

.not-home header.entry-header > div:first-child{
	margin: 0px;
}

.not-home header.entry-header .row a{
	padding:0px;
}

.not-home header.entry-header h1{
	padding: 10px;
}

.not-home header.entry-header .panel{
	border-bottom: 1px solid #dfdfdd;
}

#main p, #main-content p {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: normal; /* Internet Explorer 5.5+ */
	word-break: normal;
}

.home article header,
.home article header .row{
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* added dave@oerfoundation.org 2017-06-15 to remove unused chrome from the main site homepage */
.home.blog #masthead > .container {
  display: none;
}

.home.blog #primary #content .page .entry-header {
  display: none;
}

footer#colophon{
	padding-bottom:100px;
	padding-left: 15px;
	padding-right: 15px;
}

.tright{
	float:right;
	margin-left: 2em;
}
.tleft {
	float:left;
	margin-right: 2em;
}
.thumbinner{
	display: inline-block;
	padding: 4px;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.thumbcaption{
	border:none;
}

.floatleft{
	float:left;
	margin-right: 2em;
}

div.weQuiz{
	border-style: solid;
	border-width: 1px;
	border-color: #AAAAAA;
	padding: 1ex;
	background-color: #F6F9ED;
}

article h1{
	margin-bottom: 0px;
}

.weQuiz ul li{
	list-style-type: decimal;
	list-style-image: none;
	margin-left: 10px;
}

.weQuiz ul li ul li{
	list-style-type: disc;
	list-style-image: none;
}

.weQuiz ul li ul li ul{
	display: none;
}

.weQuiz ul li ul li ul li{
	list-style: none;
}

.weQuiz ul{
	margin-left: 40px;
	padding: 0px;
}

.home article .panel{
	margin-bottom: 0px;
	border-bottom: none;
}

.home article div.container{
	padding-left: -15px;
	padding-right: -15px;
}

.home article div.entry-content{
	padding:10px;
}

.home article{
	margin: 10px 0px;
}

.home article .entry-and-comments .panel .panel-body,
.home article .entry-and-comments .col-md-12{
	padding: 0px;
}

article .container .container{
	width:100%;
}

.home .pager{
	display: none;
}

article.column-two{
	width:40%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

article.column-three{
	width:30%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

article.column-three-main{
	width:30%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

article.column-four{
	width:22%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

article.column-four h1{
	font-size:30px;
}

article.column-two .container,
article.column-three .container,
article.column-three-main .container,
article.column-four .container{
	width: 100%;
}

body.columns{
	text-align: center;
	margin: 0 auto;
}

.home article.column-two .entry-content,
.home article.column-three .entry-content,
.home article.column-three-main .entry-content,
.home article.column-four .entry-content{
	padding: 15px;
	width: 100%;
}

.home article.column-two header .row,
.home article.column-three header .row,
.home article.column-four header .row{
	padding: 0px;
}

.home article.column-two .panel-body,
.home article.column-three .panel-body,
.home article.column-four .panel-body{
	overflow: hidden;
}

#featured_three{
	text-align:center;
	margin:0 auto;
}

.header_image{
	height: 150px;
}

li {
	font-weight: normal;
}

.panel-heading {
  margin-top: 10px;
}

.panel-heading h2{

}

.menu-depth-1{
	left: 160px;
}

.menu-depth-2{
	left:320px;
}

.menu-depth-3{
	left:480px;
}

.navbar-toggle { float: left; }
.navbar-custom {
    position: absolute;
    right: 0px;
    top: 0;
}
.navbar-custom .navbar-right { padding-right: 10px; }

@media (max-width: 992px) {
	body #main #main-content header.container { padding-right: 30px; }
	body #pagenav span.counter { display: none; }
    #masthead .brandtext h1 { margin-bottom: 20px; }
}

@media (max-width: 768px) {
	body nav .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	body .dropdown-menu {
		margin-left: auto;
		margin-right: auto;
		min-width: 160px;
		left: 75px;
	}
	/*.menu-depth-1 { left: 75px; }
	.menu-depth-2 { left: 75px; }
	.menu-depth-3 { left: 75px; }*/
	body #main #main-content header.container{ padding-right: 30px;	}
    /* do sensible things with the menu and auth stuff */
    .navbar-custom .navbar-right li { line-height: normal; }
    /*.navbar-collapse .nav li.menu-item {*/
    .navbar-collapse {
        padding-left: 10px;
    }

}

/* font-awesome */

.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right: 10px;
}

/* jQuery UI */

.accordion-toggle:hover, .accordion-toggle:visited, .accordion-toggle:focus {
	text-decoration: none;
}

.accordion .ui-state-active .ui-icon,
.accordion .ui-state-default .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}

footer li {
	list-style:none;
	width: 23%;
	margin:1%;
}

.accordion h3 {
	padding: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#content .accordion  .ui-accordion-content {
	padding: 10px;
}

#content #accordion.panel-group {
    margin-bottom: 0px;
}

/* third level menu clickable panel */
.accordion-toggle .panel-heading .third_level_menu_title-title:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #fff;         /* adjust as needed */
}
.accordion-toggle.collapsed .panel-heading .third_level_menu_title-title:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
}



/* Short codes */

.oeru_details p{
	display: none;
}

.oeru_details .accordion-icon{
	margin-right: 5px;
}

details summary::-webkit-details-marker { display:none; }

.entry-content blockquote{
	margin-left: 20px;
}

.oeru_idevice{
	width:100%;
	padding: 10px;
}

.oeru_idevice .idevice_image{
	display: inline-block;
	vertical-align: top;
	height: 48px;
	width: 48px;
}

.oeru_idevice .idevice_content{
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

#content blockquote{
	border-left: 5px solid #bbb;
}

.oeru_true_false .accordian-heading .panel-title a{
	color:#000;
}

.oeru_true_false .correct,
.oeru_mcq .correct,
.oeru_mtq .correct,
.oeru_true_false .incorrect,
.oeru_mcq .incorrect,
.oeru_mtq .incorrect{
	padding-right: 10px;
}

.oeru_mcq label,
.oeru_mtq label{
	padding-left:10px;
}

.oeru_mcq_feedback{
	display:none;
}

.oeru_mtq_response{
	margin-top: 10px;
}

.oeru_column{
	display: inline-block;
	vertical-align: top;
	padding: 5px;
	margin-bottom: 10px;
}

.oeru_column_border{
	border-left: 1px solid #ccc;
}

.has-success{
	border-color: #6FA92E;
	background-color: rgba(111, 169, 46, 0.2);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.has-error{
	border-color: #a94442;
	background-color: rgba(169, 68, 66, 0.2);
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.pedagogicalicon{
	float: left;
	clear: left;
	padding-right: 20px;
	height: 36px;
}

.thumb{
	z-index:1;
}

.single .entry-content h1,
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4,
.single .entry-content h5,
.single .entry-content h6,
.single .entry-content p{
	padding-left: 25px;
}

.commentlist li article footer,
.commentlist li article p,
.commentlist li article div{
	margin: 5px;
	padding: 5px;
}

.commentlist li article div p{
	margin: 0px;
	padding: 0px;
}

#main .commentlist li{
	list-style: none;
	margin: 2px 0px;
	padding: 2px 0px;
}

.commentlist{
	margin: 0px;
	padding: 0px;
}

.commentlist li article footer{
	padding: 0px;
}

dd{
  font-size: 16px;
  line-height: 28px;
}

dt{
	margin-top: 10px;
}

dd p{
	line-height: 1.42857143;
	font-size: 14px;
}

#bodyContent dd{
	margin-left: 10px;
}

#bodyContent td b{
	background-color: inherit;
}

#bodyContent .weQuiz h1{
	background-color: inherit;
}

li.gallerybox{
	list-style: none;
	display: inline-block;
	position: relative;
	border: 1px solid #ccc;
}

#main .oeru_true_false p{
	white-space: normal;
}

#main li{
	font-size: 16px;
	line-height: 28px;
	font-weight: 300;
}

#scroller{
	display: none;
	cursor: pointer;
	cursor: hand;
	position: fixed;
	bottom: 10px;
	right: 30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	z-index:10000;
	padding:20px;
	font-size: 20px;
	-webkit-box-shadow: 3px 6px 18px 0px rgba(50, 50, 50, 0.63);
	-moz-box-shadow:    3px 6px 18px 0px rgba(50, 50, 50, 0.63);
	box-shadow:         3px 6px 18px 0px rgba(50, 50, 50, 0.63);
}

.error404 #main{
	text-align: center;
}

.error404 #main .page-title{
	padding: 20px 0px;
	margin: 0px;
}

.oeru_footer aside{
	display:inline-block;
	width: 20%;
	margin: 0px 4% 10px 0px;
}

.oeru_footer div.container{
	padding: 0px;
}

#main #primary #content .entry-and-comments .oeru_footer div.advanced_footer{
	margin: 10px 0px;
	padding: 0px;
}

#menu-oeru-import-menu>li:first-child {
	display: none;
}

a.external {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

#bodyContent #mw-content-text .floatright {
  margin-top: 0px !important;
  margin-left: 12px !important;
}

.fa {
  padding-right: 6px;
}

/* for all Font Awesome text following icons */
.fa + a {
  padding-right: 18px;
}

.fa-link + a {
  padding-right: 0px;
}

/* fix bug issue #45 https://github.com/oeru/oeru_course/issues/45 */
/*footer#colophon {
    padding-bottom: 0px;
    padding-top: 0px;
}*/

.main-content .oeru_footer .container {
    margin-top: 10px;
    padding-bottom: 20px;
}

/* fix our Cookie Notification layout */
#cookie-notice #cn-notice-text {
    margin-bottom: 1em;
}

/* updating for multiple logos! dave@oerfoundation.org 20200609 */
.oeru_footer .logos { width: 100%; padding: 4px; }
.oeru_footer .logos .logo { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.oeru_footer .logos .logo img { padding: auto; margin: 0px 6px; }
.oeru_footer .logos .logo .caption { color: #aaa; font-size: 80%; margin-top: 6px; }
.oeru_footer .logos { display: grid; grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 960px) {
    .oeru_footer .logos { dsplay: grid; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .oeru_footer .logos { dsplay: grid; grid-template-columns: 1fr; }
}
.oeru_footer .clear { clear: both; }
.oeru_footer .rule { width: 100%; height: 3px; background-color: #ccc; margin: 10px 0 10px 0; }
.oeru_footer .copyright { width: 100%; margin-bottom: 12px; }
.oeru_footer .notices { float: right; text-align: right; }
.oeru_footer .notices a { display: inline; }

/* fix weird title sidebars */
#content header.entry-header {
    background-color: transparent;  
}

/* fix undercut right margin on narrow screens */
.entry-and-comments #content.container .row { margin-right: -15px; } 

/* fix left margin of WEnote textarea to be hard left */
#WEnotesPost1 {
    margin-left: 0 !important;
}
#WEnotesPost1 form textarea {
    min-height: 3em !important;
}

/* fix bug with 3rd level navigation having a 15px inset from the rest of the margin at small screen widths */
@media (max-width: 991px) {
    #primary .third-level-nav .col-md-12 { padding-right: 0 !important; }
}

/* Simonne's explanatory tables... */
table.oeru2 {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    margin-bottom: 1em;
}
table.oeru2 {
    border: solid #ccc 1px;
    border-radius: 6px;
    box-shadow: 0 1px 1px #ccc;         
}
table.oeru2 tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
table.oeru2 td, .oeru2 th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 1.0em;
    text-align: left;
    vertical-align: top;
}
table.oeru2 th {
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
table.oeru2 td:first-child, table.oeru2 th:first-child {
    border-left: none;
}
table.oeru2 th:first-child {
    border-radius: 6px 0 0 0;
}
table.oeru2 th:last-child {
    border-radius: 0 6px 0 0;
}
table.oeru2 th:only-child{
    border-radius: 6px 6px 0 0;
}
table.oeru2 tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
table.oeru2 tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}
table.oeru2 {
	width: 90%;
	border: 5px #666 solid;
	margin-left: auto;
	margin-right: auto;
}
table.oeru2 th { background-color: #a1d17c !important; }
table.oeru2 td { background-color: #c0fa94 !important; }
table.oeru2 pre {
	margin-left: 1.5em;
	margin-right: 1.5em;
}

/* vertical image spacing for Claire Goode */
#bodyContent #mw-content-text ol li a.image img.img-responsive {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
}

/* fix overrunning bff form */
.bff-form .entry-and-comments.container {
        background: none;
}
.bff-form .entry-and-comments.container .entry-content {
        background-color: #fefefe;
}

/* responsive videos - youtube and vimeo, etc */

/* arve solution - see https://wordpress.org/support/plugin/advanced-responsive-video-embedder/ */
#arve .arve-wrapper.alignright {
	margin-left: auto !important;
}

#arve .arve-wrapper.aligncenter, .img-responsive.aligncenter { 
	margin: auto !important;
}

/* configure generator content */
.oeru_footer .copyright {
	margin-top: 1.5em; 
}
.oeru_footer .copyright, .oeru_footer .generator {
	font-size: 80%;
}
.oeru_footer .generator {
	margin-top: 0.5em;
	color: #aaa;
}
.oeru_footer a:hover, oeru_footer a:active {
	color: #000 !important;
}

/* fix theme for radio buttons in quizzes */
.weQoption input[type="radio"] {
    margin-right: 8px;
}

/* end radio button fix */

/* disabled because it breaks relative theme colours when changed */
/* .oeru_footer a:visited {
        color: #3c9692;
}*/

/* for Claire's NZEXT courses */
.nzext-box {
    border: 2px solid #999; 
    border-radius: 5px; 
    padding: 8px;
}