/* * {
	outline: 1px solid red;
}
*/
body.summer-schools-template-new-course-page #awards,
body.summer-schools-template-new-course-page-bh #awards {
	padding-top: 0;
}

body.summer-schools-template-new-course-page #check-availability h2,
body.summer-schools-template-new-course-page-bh #check-availability h2 {
	font-size: 2.2em;
}

body.summer-schools-template-new-course-page #dates-fees,
body.summer-schools-template-new-course-page .dates-fees-heading span,
body.summer-schools-template-new-course-page-bh #dates-fees,
body.summer-schools-template-new-course-page-bh .dates-fees-heading span {
	background-color: #fff;
	padding-top: 0;
}

body.summer-schools-template-new-course-page #dates-fees .nav-tabs>li,
body.summer-schools-template-new-course-page-bh #dates-fees .nav-tabs>li {
	float: none;
}

body.summer-schools-template-new-course-page #dates-fees table,
body.summer-schools-template-new-course-page-bh #dates-fees table {
	width: 85%;
}

body.summer-schools-template-new-course-page ul.dropdown-menu li,
body.summer-schools-template-new-course-page-bh ul.dropdown-menu li {
	border-bottom: 1px solid #546579;
}

.nobutton li.availability.smooth {
	display: none;
}

.row.course-summary-overlay {
	padding-left: 105px;
	padding-bottom: 30px;
}
.course-summary-overlay-panel {
	background-color: #092240;
	color: #fff;
	position: relative;
	top: -150px;
	margin-right: 11px;
	padding: 15px 35px 25px 35px;
}

.course-summary-overlay-panel h1 {
	color: #fff;
	font-size: 42px;
	font-family: 'Droid Serif',sans-serif;
	font-weight: normal;
}

.course-summary-overlay-panel span.label {
	line-height: 27px;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	margin-top: 10px;
	font-size: 16px;
	border-radius: 0;
}

.label-info:nth-child(2) {
margin-left: 10px;
}

.course-summary-overlay-panel .description {
	font-size: 24px;
	line-height: 28px;
}

.also-in {
	margin-left: 20px;
}

.course-summary-overlay-panel a {
	text-decoration: none;
}

.course-summary-overlay-panel hr {
	border-top-color: #465970;
}

.course-summary-overlay-panel ul {
	margin-top: 30px;
	margin-right: 30px;
}

.course-summary-overlay-panel .list-icon {
	margin-right: 15px;
	font-size: 20px;
}

.course-summary-overlay-panel ul>li {
	border-bottom: 1px solid #465970;
	list-style: none;
	padding: 15px 0;
	font-family: 'Droid Serif', sans-serif;
	font-size: 16px;
}

.course-summary-overlay-panel ul>li:first-child {
	border-top: 1px solid #465970;
}

.sidebar-overlay-panel {
	background-color: #fff;
	color: #000;
	position: relative;
	top: -35px;
	padding: 3px;
	margin-left: 11px
}

.sidebar-overlay-panel ul {
	padding: 15px 10px;

}

.sidebar-overlay-panel ul>li {
	list-style: none;
	font-size: 16px;
	margin-bottom: 10px;
}

#scrollspy-menu ul>li.availability {
	padding: 10px 15px;
	border-bottom: 0px;
}

#scrollspy-menu ul>li.availability>a, .sidebar-overlay-panel ul>li.availability>a {
	list-style: none;
	display: block;
	padding: 15px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	border-radius: 6px;
}

li.availability > a:hover,
li.availability > a:focus,
li.availability > a:active {
	background-color: #092240;
}

.list-icon {
	margin-right: 8px;
}

#scrollspy-menu > .nav > li > a {
	text-decoration: none;
	color: #000;
	padding: 20px;
}

#scrollspy-menu > .nav > li {
	background-color: #fff;
	color: #000;
	padding: 0px;
}

#scrollspy-menu > .nav > li.active,
#scrollspy-menu > .nav > li.active > a:hover {
	background-color: #092240;
	color: #fff;
}

#scrollspy-menu > .nav > li.active a {
	color: #fff;
}

.row.course-content-container {
	background-color: #f4f4f4;
	padding-left: 105px;
	padding-top: 35px;
	padding-bottom: 50px;
	position: relative;
	top: -70px;
}

.course-content-container .course-content {
	background-color: #fff;
	color: #000;
	margin-right: 11px;
	margin-top: 25px;
	padding: 25px 50px 54px 50px;
}

.course-content-container .course-content.apply {
	background-color: #092240;
	color: #fff;
	padding: 25px 25px 54px 25px;
}

.course-content p{
	font-size: 16px;
	margin-bottom: 16px;
}

.course-content h2 {
	margin-bottom: 25px;
}

.course-content h3 {
	font-family: 'PT Sans', sans-serif;
	font-size: 20px;
	color: #092240;
	font-weight: bold;
	margin-top: 35px;
}

.course-content ul {
  color: #00A1D6;
}

.course-content ul>li {
	margin-bottom: 15px;
	color: #000;
}

.course-content ul>li>span {
  color: #000;
  font-size: 16px;
}

.course-content .panel-heading  .fa-plus-circle, .course-content .panel-heading  .fa-minus-circle {
	color: #092240;
	line-height: 50px;
	font-size: 30px;
}

.image-embed {
	margin-top: 10px;
	margin-bottom: 20px;
}

.course-content .panel-heading {
	background-color: #f0f0f0;
}

.course-content .panel-heading a {
	color: #000;
	line-height: 50px;
}

.find-out-more-image {
	margin: 15px 0;
}

.row.find-out-more p {
	font-size: 14px;
	margin-top: 10px;
}

.timetable-container {
    position: relative;
    text-align: center;
    color: #000000;
    font-weight: bold;
    font-size: 20px;
}

.timetable-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f4f4f4;
    padding: 15px;
    border: 2px solid #00A1D6;
}


/* Course Sidebar */
.affix-top {
}

.course-sidebar.did-you-know p {
	font-size: 15px;
	line-height: 22px;
}

.course-content-container .course-sidebar.did-you-know {
	padding: 15px;
	background-color: #fff;
	margin-top: 25px;
}

.course-sidebar ul {
	padding-left: 0;
}

.course-sidebar ul>li {
	list-style: none;
	font-size: 16px;
	margin-bottom: 10px;
}

.course-sidebar-summary-title {
	background-color: #092240;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -15px;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	font-weight: normal;
}

.course-sidebar.course-sidebar-fixed {
	background-color: #fff;
	padding-left: 0;
	padding-right: 0;
	margin-top: 75px;
	max-width: 468px;
}

.course-sidebar.course-sidebar-fixed ul {
	padding: 0;
}

.course-sidebar.course-sidebar-fixed ul > li {
	border-bottom: 1px solid #cccccc;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.button-holder {
	padding: 15px 30px;
}

.experience-image {
	margin-bottom: 15px;
	margin-top: 20px;
}

.experience-description {
	font-size: 16px;
}

#section2 a, .panel-body>ul>li>span>a {
	color: #092240;
}

#section2 a:hover, .panel-body a:hover {
	opacity: 0.7;
}

body.summer-schools-template-new-course-page .overlay,
body.summer-schools-template-new-course-page-bh .overlay,
body.oxford-summer-school-template-new-course-page .overlay,
body.oxford-summer-school-template-new-course-page-bh .overlay {
	position: relative;
}

.overlay .playWrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(//www.oxford-royale.co.uk/wp-content/uploads/play.png) center center no-repeat rgba(0,0,0,.2);
}

/* Video Overlay Play */
.video-thumbnail {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 30px;

  &:before {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f01d";
    font-family: FontAwesome;
    font-size: 100px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  }
  &:hover:before {
    color: #eee;
  }
}

/* Extra small mobile screens */
@media (max-width: 767px) {

	body.summer-schools-template-new-course-page #dates-fees,
	body.summer-schools-template-new-course-page-bh #dates-fees {
		padding-top: 30px;
	}

	body.summer-schools-template-new-course-page #fixed-submenu a,
	body.summer-schools-template-new-course-page-bh #fixed-submenu a {
		font-size: 14px;
	}

	body.summer-schools-template-new-course-page ul.fixed-submenu-dropdown,
	body.summer-schools-template-new-course-page-bh ul.fixed-submenu-dropdown {
		background-color: #092240;
	}


	body.summer-schools-template-new-course-page ul.fixed-submenu-dropdown > li:first-child,
	body.summer-schools-template-new-course-page-bh ul.fixed-submenu-dropdown > li:first-child {
		width: 100%;
		background-color: #092240;
	}

	.col-sm-4.course-sidebar {
		display: none;
	}

	.row.course-summary-overlay {
		padding-left: 0px;
	}

	.course-summary-overlay-panel {
		background-color: #092240;
		color: #fff;
		position: relative;
		top: -100px;
		margin-right: 11px;
		margin-left: 11px;
		padding: 1px 15px;
	}

	.also-in {
		margin-left: 0;
	}

	.course-summary-overlay-panel ul {
		padding-left: 0;
		padding-right: 0;
		margin-right: 0;
	}

	.course-summary-overlay-panel .description {
		font-size: 16px;
		line-height: 20px;
	}

	.course-content h2 {
		font-size: 22px;
		font-size: 26px;
		margin-bottom: 14px;
	}

	.course-content-container .course-content {
		padding: 25px;
	}

	.course-summary-overlay-panel h1 {
		font-size: 22px;
	}

	.sidebar-overlay-panel {
		margin-right: 11px;
	}

	.row.course-content-container {
		top: 0px;
	}

	.course-summary-overlay-panel span.label {
		font-size: 11px;
		display: table;
	}

	.row.course-content-container {
		background-color: #f4f4f4;
		padding-left: 0px;
		padding-top: 35px;
		padding-bottom: 50px;
	}

	#check-availability h1 {
		font-size: 18px;
	}

	.city-photo {
		margin-bottom: 20px;
	}
}

/* Tablet portrait screens */
@media (min-width: 768px) and (max-width: 991px) {

	body.summer-schools-template-new-course-page #fixed-submenu,
	body.summer-schools-template-new-course-page-bh #fixed-submenu {
		
	}

	body.summer-schools-template-new-course-page #fixed-submenu a,
	body.summer-schools-template-new-course-page-bh #fixed-submenu a {
		font-size: 14px;
	}

	body.summer-schools-template-new-course-page ul.fixed-submenu-dropdown,
	body.summer-schools-template-new-course-page-bh ul.fixed-submenu-dropdown {
		background-color: #092240;
	}


	body.summer-schools-template-new-course-page ul.fixed-submenu-dropdown > li:first-child,
	body.summer-schools-template-new-course-page-bh ul.fixed-submenu-dropdown > li:first-child {
		width: 100%;
		background-color: #092240;
	}

	.affix {
		width: 100%;
	    z-index: 9999 !important;
	    /*top: 0px;*/
	}

	.affix-bottom {
		position: absolute;
		width: 100%;
	}

	.course-summary-overlay-panel {
		top: -200px;
	}

	.row.course-summary-overlay {
		padding-left: 0;
		top: -200px;
	}

	.course-summary-overlay-panel ul {
		padding-left: 0;
		top: -250px;
	}

	.sidebar-overlay-panel {
		top: -85px;
		margin-left: 0px;
	}

	.row.course-content-container {
		padding-left: 0px
	}
}


/* Tablet landscape screens */
@media (min-width: 992px) and (max-width: 1199px) {

	body.summer-schools-template-new-course-page #fixed-submenu,
	body.summer-schools-template-new-course-page-bh #fixed-submenu {
		display: none;	
	}

	.course-content-container .course-sidebar.did-you-know,
	.course-content-container .course-sidebar.course-sidebar-fixed {
		width: 359px;
	}

	.affix {
		width: 359px;
	    z-index: 9999 !important;
	    /*top: 0px;*/
	}

	.affix-bottom {
		position: absolute;
		width: 359px;
	}

	.row.course-summary-overlay,
	.row.course-content-container {
		padding-left: 25px;
	}

	.course-summary-overlay-panel h1 {
		font-size: 32px;
	}

	.course-summary-overlay-panel span.label {
		margin-top: 5px;
	}

	.course-summary-overlay-panel ul>li {
		font-size: 14px;
	}

	.course-summary-overlay-panel ul {
		padding-left: 0;
	}

	.sidebar-overlay-panel ul>li {
		font-size: 14px;
	}

	.course-summary-overlay-panel .description {
		font-size: 16px;
		line-height: 20px;
	}

	#offer .course-accreditation,
	#other-courses .course-accreditation {
		font-size: 26px;
	}
}

/* Desktop screens */
@media (min-width: 1200px) and (max-width: 1599px) {

	body.summer-schools-template-new-course-page #fixed-submenu,
	body.summer-schools-template-new-course-page-bh #fixed-submenu {
		display: none;	
	}

	body.summer-schools-template-new-course-page #offer,
	body.summer-schools-template-new-course-page-bh #offer {
		padding: 20px 90px 60px 90px;
	}

	.course-content-container .course-sidebar.did-you-know,
	.course-content-container .course-sidebar.course-sidebar-fixed {
		width: 375px;
	}

	.affix {
		width: 375px;
	    /*top: 0px;*/
	}

	.affix-bottom {
		position: absolute;
		width: 375px;
	}

	.course-summary-overlay-panel ul {
		padding-left: 0;
	}

	.course-summary-overlay-panel .description {
		font-size: 18px;
		line-height: 22px;
	}

	.course-summary-overlay-panel ul>li {
		font-size: 14px;
		padding: 8px 0;
	}

	.sidebar-overlay-panel ul>li {
		font-size: 14px;
	}

	.row.course-summary-overlay,
	.row.course-content-container {
		padding-left: 50px;
		top:0px;
	}

	.course-content h2 {
		font-size: 24px;
	}

	.image-embed {
		margin-bottom: 20px;
		width: 100%;
	}
}

/* Large Desktops screens */
@media (min-width: 1600px) {

	body.summer-schools-template-new-course-page #fixed-submenu,
	body.summer-schools-template-new-course-page-bh #fixed-submenu {
		display: none;	
	}

	body.summer-schools-template-new-course-page #offer,
	body.summer-schools-template-new-course-page-bh #offer {
		padding-bottom: 50px;
	}

	.affix {
		max-width: 468px;
	    /*z-index: 999 !important;
	    top: 0px;*/
	}

	.affix-bottom {
		position: absolute;
		max-width: 468px;
	}
}