@charset "utf-8";
*{margin:0;padding:0;font-family:'Open Sans',sans serif}
body{font-size:1em;color:#333}
:target:before{content:"";display:block;height:75px;margin:-75px 0 0}
blockquote{margin-left:25px}
a:link{color:#039}
a:visited{color:#039}
a:active{color:#039}
img,img a{border:none}
.clear-above{clear:both}
.clear-right-padding{padding-right:0!important}
.spacer-25px{width:100%;height:25px;clear:both}
.spacer-0px{width:100%;height:0;clear:both}
.rwd-break{display:none}
.hieroglyph-graphic{height:2em;width:auto;vertical-align:middle}
.branding h1{display:none}
.branding img{height:auto;width:100%;padding-top:25px;padding-bottom:10px}
.mobile-only{display:none}
.screen-only{display:block!important;margin:0!important;padding:0!important}
.pay-now{background-image:url(images/shared/paypal.png);background-repeat:no-repeat;background-size:1.1em;background-position:left center;padding-left:1.25em;font-size:1em}
.greyout{color:#999}
.caps{text-transform:uppercase}
.no-clear{clear:none!important}
.box{border:1px solid #666;text-align:center;padding-top:3px;padding-bottom:3px}
.highlight-red{color:#B04231}
.fully-booked{color:#FF0000;font-size:1em;text-transform:uppercase}
.atol-logo{float:right;height:auto;width:75px;padding-left:2.5%;vertical-align:middle;margin-top:-25px}
.pdf-icon{float:left;height:auto;width:35px;padding-right:5px;vertical-align:central;margin-top:-5px}
.BSSO-icon{width:6%;height:auto;float:right;margin-top:-70px;margin-right:15px}
.ibis{display:none}
.page-title{color:#333!important;font-weight:800;padding-top:25px;padding-bottom:20px;text-transform:uppercase}
.fright{float:right}
a.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: #eeeeee;
  border: 1px solid #212529;
  padding: .35rem .75rem;
  margin-right: 2rem;
  font-size: 1rem;
  border-radius: .25rem;
  transition: all .15s
}
a.btn:hover{
color:#ffffff;
background-color:#f28f03;
border-color:#DDDDDD;
}
.bordered{border:1px solid #f28f03; padding:12px;border-radius:0.5rem}
#content{width:85%;margin-right:auto;margin-left:auto;font-size:.95em;padding-top:50px;padding-bottom:25px;overflow:hidden}
#content h1,#content h2{text-align:center;font-weight:400;color:#666}
#content h3{text-align:left;font-weight:400;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#E9B5AD;margin-bottom:10px;padding-bottom:3px;color:#B04231;font-size:1.4em;clear:both}
#content h4{font-size:1em;color:#B04231}
#content h5{font-size:1.2em;color:#B04231;margin-bottom:5px;font-weight:400}
#content p{margin-top:0;margin-bottom:10px}
#content .programme-cover-small{height:auto;width:17.5%;float:right;padding-left:2.5%;background-color:#FFF;padding-bottom:2.5px}
#content .programme-cover-small	img{height:auto;width:100%}
#content .caption{font-size:.8em;color:#8A8A8A;margin-top:-10px}
#content .image-right{width:20%;height:auto;float:right;background-color:#FFF;padding-left:2.5%;font-size:.8em;color:#8A8A8A}
#content .image-right img{width:100%;height:auto;margin-bottom:-5px}
#content .image-right p{margin-bottom:5px;line-height:125%}
#content .image-inline{width:23%;height:auto;padding-right:2.5%;padding-top:5px;padding-bottom:5px}
#content .entry-date{font-size:.8em;color:#6C6C6C;margin-bottom:5px;clear:both}
#content .two-col{float:left;width:45%;padding-right:5%;padding-top:20px}
#content .four-col{float:left;width:21%;padding-right:5%;padding-top:50px}
#content .four-col img{height:auto;width:100%}
#content .gallery{float:left;width:21%;padding-right:5%;padding-bottom:10px}
#content .gallery img{height:auto;width:100%}
#content .gallery p{margin-bottom:3px;line-height:125%;font-size:.8em;color:#8A8A8A}
#content .four-col h3{background-color:#F90;color:#FFF;padding-left:7px;padding-top:3px;padding-bottom:3px;font-weight:400;margin-bottom:5px}
#content .four-col h4{background-color:#B04231;color:#fff;padding-left:7px;padding-top:3px;padding-bottom:3px;margin-bottom:3px}
#content .four-col li{margin-bottom:5px}
#content ul{margin-bottom:10px}
#content li{margin-left:25px;list-style-type:square}
#content ol li{margin-left:20px;list-style-type:decimal;padding-left:5px}
#content .course-director{clear:both;overflow:visible}
#content .course-director img{float:left;height:auto;width:10%;margin-bottom:25px;padding-right:1.5%;overflow:visible}
#social-media img{height:auto;width:40px;padding:10px 1%}
#footer{text-align:center;background-color:#8A8A8A;padding-top:20px;padding-bottom:30px;color:#FFF}
#footer .small-text{font-size:.75em}
#footer .btt{width:75px;height:auto}
#footer h2{font-weight:400;margin-bottom:5px;margin-top:5px;color:#FFF;font-size:1.8em}
#footer a,#footer:active,#footer:visited{color:#FFF}
#footer{background-color:#333;color:#FFF}
@media screen and (max-width: 1280px) {
#content .image-right{width:25%;font-size:.85em}
.BSSO-icon{width:10%;height:auto;float:right!important;margin-top:-65px!important;margin-left:15px;margin-right:5px}
}
@media screen and (max-width: 1024px) {
.rwd-break{display:block}
.branding img{padding-top:15px}
#content{width:96%;font-size:.8em}
#content h1,#content h2{margin-top:0;margin-bottom:0}
#content .four-col{padding-top:25px}
}
@media screen and (max-width: 768px) {
div{clear:both!important;display:block!important;width:100%!important;float:none!important;overflow:hidden!important;position:static!important;margin:0!important;padding:0!important}
blockquote{margin-left:0}
.rwd-break{display:block}
.hieroglyph-graphic{height:1.75em!important}
.BSSO-icon{width:15%;height:auto;float:right!important;margin-top:3px!important;margin-left:15px}
.programme-cover-small{padding-bottom:20px!important}
.screen-only{display:none}
.entry-date{padding-top:20px}
.branding img{display:none}
.ibis{width:85%!important;height:auto;padding-top:10px;margin-right:auto;margin-left:auto;display:block}
.atol-logo{margin-top:0}
#content{width:95%!important;padding-left:10px!important;padding-right:10px!important;font-size:1em!important}
#content h1{font-size:1.5em;line-height:105%!important;padding-top:10px;padding-bottom:5px}
#content h2{font-size:1.2em}
#content .two-col{float:left;width:90%;padding-right:5%;padding-top:20px}
#content .four-col h3{margin-top:25px}
#content .image-inline{width:100%;padding-top:5px}
#content .gallery,#content .image-right{padding-bottom:15px!important}
#content .course-director img{float:none;height:auto;width:98%;margin:15px auto 0!important}
#content .course-director p{clear:both}
#footer{padding-top:25px!important;padding-bottom:25px!important}
}