body { font-family: "Open Sans", Helvetica, sans-serif; overflow-x: hidden; }

h1, h2 { color: #1dbfd6; font-family: "Chathura", Helvetica, sans-serif; font-size: 72px; font-weight: normal; margin-bottom: 20px; text-align: center; text-transform: uppercase; -webkit-transform: rotate(355deg); -moz-transform: rotate(355deg); -o-transform: rotate(355deg); }
h3 { color: #1dbfd6; font-weight: bold; margin-bottom: 0px; }
h4 { clear: both; color: #fff; font-size: 24px; line-height: 32px; text-align: center; }
h4 .btn { margin-top: 20px; }

p, section li { color: #333; font-size: 20px; line-height: 32px; margin: 0 0 20px 0; text-align: justify; }
p.warning { color: #cd5c5c; }
.our-sponsors h3 { margin-bottom: 30px; text-align: center; }
.our-sponsors p { padding-top: 10px; text-align: center; }
.text-center p { text-align: center; }

a, a:hover, a:focus, a:active, a.active { border-bottom: 1px dashed #1dbfd6; color: #1dbfd6; outline: none; text-decoration: none; }

section { padding: 30px 0 50px 0; }

.blue { background-color: #1dbfd6; }
.blue h2, .blue h3, .blue p { color: #fff; }
.blue a { border-bottom: 1px dashed #fff; color: #fff !important; }
.blueText { font-weight: bold; color: #1dbfd6; }
.green { color: #5cb85c; }
.black { color: #111; }
.white { color: #fff; }

.col-centered, .img-centered { float: none; margin: 0 auto; }

/* NavBar */
.navbar-custom { background: #1dbfd6; border: none; font-family: "Open Sans", Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; }
.navbar-custom a { border-bottom: unset; outline: none; }
.navbar-custom .navbar-brand { color: white; padding: 0px; }
.navbar-custom .navbar-brand img { width: 120px; }
.navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand.active { color: white; }
.navbar-custom .navbar-nav { letter-spacing: 1px; padding-top: 15px; padding-bottom: 15px; }
.navbar-custom .navbar-nav li a { color: white; }
.navbar-custom .navbar-nav li a:hover { color: #84d2e3; outline: none; }
.navbar-custom .navbar-nav li a:focus, .navbar-custom .navbar-nav li a:active { color: white; }
.navbar-custom .navbar-nav li.active a { background: #84d2e3; color: white; }
.navbar-custom .navbar-nav li.active a:hover, .navbar-custom .navbar-nav li.active a:focus, .navbar-custom .navbar-nav li.active a:active { background: #84d2e3; color: white; }
.navbar-custom .navbar-toggle { color: white; text-transform: uppercase; font-size: 10px; border-color: white; }
.navbar-custom .navbar-toggle:hover, .navbar-custom .navbar-toggle:focus { background-color: #84d2e3; border-color: #84d2e3; color: white; }

@media (max-width: 991px) {
  .navbar-custom .navbar-nav li a { padding-left: 10px; padding-right: 10px; }
}

button.btn-extra-wide, a.btn-extra-wide { width: 260px; } /* Need To Declare button. To Ensure CSS Override */
.btn-outline { color: white;  font-size: 20px;  border: solid 2px white;  background: transparent;  transition: all 0.3s ease-in-out;  margin-top: 15px; }
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active { color: #1dbfd6; background: white; border: solid 2px white; }
.btn-social { display: inline-block; height: 50px; width: 50px; border: 2px solid white; border-radius: 100%; text-align: center; font-size: 20px; line-height: 45px; }
.btn:focus, .btn:active, .btn.active { outline: none; }

/* Header */
header { color: white; text-align: center; background: url(/img/banners/The-Small-Awards-Banner-1.jpg) 50% 0 no-repeat; background-size: cover; padding-top: 40%; }
/* header .container-fluid { background-color: rgba(0, 0, 0, 0.4); margin-top: 60px; padding-bottom: 50px; padding-top: 40px; } */
header .container-fluid { background-color: rgb(233, 252, 255, 0.60); padding-bottom: 30px; }
header img { display: block; padding-top: 2rem; padding-bottom: 2rem; padding-left: calc(8px + 8vw); padding-right: calc(8px + 8vw); }
header h3 { margin-top: 0px; font-size: 2rem; }
header .fas { color: #1dbfd6; margin-right: 20px; }

/* Timeline */
#theTimeline { background: url(/img/banners/The-Small-Awards-Banner-Glitter-3.jpg) 50% 0 no-repeat; background-size: cover; padding: 0px; }
#theTimeline .container-fluid { background-color: #fff; opacity: 0.8; padding-top: 30px; padding-bottom: 50px; }

.no-header { padding-top: 176px; }

/* Mobile Only */
.mobile-only { display: none !important; }

@media (max-width: 768px) {
  .mobile-only { display: inline !important; }
}

/* Row Divide Effect */
.row.vdivide [class*='col-lg']:not(:last-child) { border-right: 1px #ccc dashed; }
.row.vdivide-invert [class*='col-lg']:last-child { border-left: 1px #ccc dashed; }
.row.hdivide { border-top: 1px #ccc dashed; }
.pad-left { padding-left: 30px; }
.pad-right { padding-right: 30px; }
.pad-top { padding-top: 30px; }

@media (min-width: 768px) {
  .navbar-custom { padding: 25px 0; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; transition: padding 0.3s; }
  .navbar-custom .navbar-brand { font-size: 2em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .navbar-custom.affix { padding: 10px 0; }
  .navbar-custom.affix .navbar-brand { font-size: 1.5em; }
}

@media (max-width: 1199px) {
  .row.vdivide [class*='col-']:not(:last-child) {  border-right: unset; }
  .row.vdivide-invert [class*='col-']:last-child { border-left: unset; }
  .pad-left, .pad-right { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 768px) {
  h2 { font-size: 56px; }
  h3 { font-size: 20px; }
  h4 { font-size: 20px; line-height: 28px; }
  p { color: #333; font-size: 16px; line-height: 28px; margin: 0 0 20px 0; }
  .navbar-custom .navbar-brand { display: none; }  
  header img { padding-left: calc(8px + 32vw); padding-right: calc(8px + 32vw); }
  .no-header { padding-top: 60px; }
}

@media (max-width: 699px) {
  header .container-fluid { padding-bottom: 20px; }
}

@media (max-width: 599px) {
  header h3 { font-size: 1.6rem; }
  header img { padding-top: 1rem; padding-bottom: 1rem; }
  header .container-fluid { padding-bottom: 10px; }
}

@media (max-width: 499px) {
  header img { padding-left: calc(8px + 28vw); padding-right: calc(8px + 28vw); }
}

@media (max-width: 399px) {
  /* header img { padding: 1rem 10rem 0 10rem; } */
}

/* Forms */
#frmHidden { display: none; }

/* Buttons */
.btn { font-size: 20px; }
a.btn { text-decoration: none; border-bottom: 1px solid #4cae4c; }
h4 .btn { font-size: 24px; }
.btn i.fas { color: #fff; margin-right: 10px; }

/* CheckBox Style */
.form-checkbox { padding-left: 20px; }
.form-checkbox input[type=checkbox] { position: absolute; margin-left: -20px; width: 20px; }
.form-checkbox label { color: #fff; font-weight: 400; margin: 5px 45px 0 0; }
.form-checkbox .help-block { margin-left: 0px; }
.form-checkbox .form-control-feedback { top: -2px; right: 0; }
.white .form-checkbox label { color: #333; }

/* Keep In Touch Form Involved Form */
.bg-success, .bg-danger { display: none; padding: 10px 20px; }
#frmStayInTouch { margin-top: 20px; }
#frmStayInTouch-finish { margin-top: 15px; }
#frmStayInTouch-finish, #frmStayInTouch-finish p { color: #333; display: none; }
#keepInTouch .btn-holder { padding: 5px 0px 10px 15px; }
.btn-primary, a.btn-primary, .btn-primary:hover { background-color: #5cb85c; border: 0px solid #fff; color: #fff; }

/* Modals */
h4.modal-title { color: #1dbfd6; text-align: left; }
.modal-body h3 { font-size: 18px; margin-bottom: 16px; }
.modal-body p { font-size: 15px; line-height: 23px; margin-bottom: 30px; }

/* Award Application */
#awardApplication .form-group { clear: both; }
#awardApplication textarea { clear: both; margin-bottom: 5px; }
#awardApplication label { font-size: 16px; margin-top: 8px; }
#awardApplication textarea { height: 80px; }
#awardApplication .has-feedback label~.form-control-feedback { top: inherit; }
#awardApplication .has-feedback select~.form-control-feedback { display: none !important; } /* Don't Show Feedback Icon Select */
#awardApplication .has-feedback .form-control-feedback { right: 5px; }
#awardApplication .word-count { color: #333; display: block; font-size: 85%; float: right; }

#paymentPhaseTwo, #paymentPhaseThree, #divPaymentError { display: none; }

.margin-left { margin-left: 10px; }
.margin-bottom-super { margin-bottom: 60px; }
.margin-top { margin-top: 10px; }
.margin-top-extra { margin-top: 30px; }
.margin-top-super { margin-top: 60px; }

/* Buy Tickets */
#buyTickets h3.title { margin-bottom: 20px; text-align: center; }
#buyTickets h3 { margin: 5px 0 5px 0; }
#buyTickets #frmTicketPurchase h3 { margin: 25px 0 10px -10px; }
#buyTickets button.btn { font-size: 20px; }
#buyTickets i.fa-check-circle { color: #5cb85c; }
#buyTickets i.fa-edit { color: #005da3; font-size: 22px; }
#buyTickets i.fa-trash { color: #d9534f; font-size: 20px; }
#buyTickets i.fa-edit, i.fa-trash, i.show-hand { cursor: pointer; }
#buyTickets tfoot { font-size: 20px; font-weight: bold; }

/* Hidden By Default */
#buyTickets #alert_danger, #buyTickets #alert_success, #frmTicketPurchase, #tblTickets, .hide-on-load { display: none; }

/* Shortlist */
#shortlist h3, p { text-align: center; }
#shortlist h3 { margin: 40px 0 10px 0; }
#shortlist p { font-weight: bold; }
#shortlist li { list-style: none; line-height: 34px; margin: 0px; text-align: center; }
#shortlist li:after, #shortlist li:before { color: #e2bb3a; content: "\f005"; display: inline-block; font-family: "Font Awesome 6 Pro"; font-size: 12px; font-weight: bold; width: 2.4em; }
#shortlist li:after { margin-left: 0em; }
#shortlist li:before {  margin-left: -1.4em;}
#shortlist ul { margin-bottom: 30px; }

/* Sponsorship */
#sponsorship h2 { margin-bottom: 40px; }
#sponsorship h3 { text-align: center; }
#sponsorship h3:before { color: #1dbfd6; content: "\f005"; display: inline-block; font-family: "Font Awesome 6 Pro"; font-size: 18px; font-weight: bold; width: 2.4em; }
#sponsorship h3:before { margin-left: -1.4em; }
#sponsorship-advantages p, #sponsorship-advantages li { text-align: center; }
#sponsorship-advantages ul li { list-style: none; margin: 0 0 10px 0; }
#sponsorship-advantages li:before { color: #111; content: "\f005"; display: inline-block; font-family: "Font Awesome 6 Pro"; font-size: 18px; font-weight: bold; width: 2.4em; }
#sponsorship-advantages li:before { margin-left: -1.4em; }
#sponsorship-categories h2 { margin: 40px 0 40px 0; }
#frmSponsorshipPack #alert_danger, #frmSponsorshipPack #alert_success { display: none; }

/* Judges */
#judges h3 { margin: 0px 0px 20px 5px; }
#judges h3 span { font-size: 16px; }
#judges img { margin-bottom: 26px; }
#judges p { font-size: 18px; font-weight: normal; line-height: 28px; text-align: left; }
#judges p.credit { font-size: 12px; margin: -20px 0px 30px 0px; }
#judges p.quote { font-size: 22px; font-style: italic; line-height: 32px; padding: 10px; }
#judges p em { font-size: 22px; font-style: normal; font-weight: bold; padding-right: 5px; }
#judges p.social-media { margin-top: -8px; text-align: center; }
#judges .social-media a, #judges .social-media a:hover, #judges .social-media a:visited { font-size: 24px; border-bottom: none; margin: 0 9px 0 9px; text-decoration: none; }

@media (max-width: 1199px) {
  #judges p { margin-top: 20px; }
  #judges .social-media a, #judges .social-media a:hover, #judges .social-media a:visited { font-size: 20px; margin: 0 6px 0 6px; }
}

@media (max-width: 991px) {
  #judges img { margin-bottom: 0px; max-width: 250px; }
  #judges p.credit { font-size: 12px; margin-top: 0px; }
  #judges p.social-media { margin-top: 16px; text-align: left; }
  #judges .social-media a, #judges .social-media a:hover, #judges .social-media a:visited { font-size: 24px; margin: 0 10px 0 10px; }
}

/* Hall of Fame */
#hall-of-fame .award img { position: relative; width: 100%; }
#hall-of-fame .award > div { display: inline-block; margin: 40px 0 0 0; }
#hall-of-fame .award div div { background: none repeat scroll 0 0 #FFFFFF; opacity: 0.8; padding: 0px 24px 0 24px; position: absolute; text-align: center; left: 0; width: 100%; }

#hall-of-fame .col-sm-6 div { top: 70%; }
#hall-of-fame .col-sm-12 div { top: 85%; }

#hall-of-fame .award a { color: #111; border: none; font-size: 24px; }
#hall-of-fame .award h3 { font-size: 22px; height: 50px; margin: 14px 0 6px 0; }

#hall-of-fame #aNext, #hall-of-fame #aPrev { color: #fff; margin-top: 20px; width: 100%; }
#hall-of-fame #aNext i { margin-left: 10px; }

@media (max-width: 1199px) { #hall-of-fame .award a { font-size: 18px }
  #hall-of-fame .award h3 { font-size: 18px; height: 40px; margin-bottom: 0px; }
}

@media (max-width: 991px) {
  #hall-of-fame .award a { font-size: 15px; }
  #hall-of-fame .award h3 { font-size: 15px; height: 28px; margin-bottom: 0px; margin-top: 8px; }  
}

@media (max-width: 767px) {
  #hall-of-fame .award div { top: 77%; width: 100%; }
  #hall-of-fame .award a { font-size: 24px; }
  #hall-of-fame .award h3 { font-size: 22px; height: 40px; margin: 14px 0 6px 0; }
}

@media (max-width: 599px) {
  #hall-of-fame .award a { font-size: 18px }
  #hall-of-fame .award h3 { font-size: 18px; margin-bottom: 0px; }
}

@media (max-width: 539px) {
  #hall-of-fame .award a { font-size: 15px; }
  #hall-of-fame .award h3 { font-size: 15px; height: 28px; margin-bottom: 0px; margin-top: 8px; }
}

@media (max-width: 449px) {
  #hall-of-fame .award a { font-size: 13px; }
  #hall-of-fame .award h3 { font-size: 13px; height: 25px; margin-bottom: 0px; margin-top: 5px; }
}

/* Footer */
footer { color: white; }
footer a { color: white; border-bottom: 1px dashed white; }
footer a:hover { color: white; border-bottom: 1px dashed white; }
footer h3 { margin-bottom: 30px; }
footer .footer-above { padding-top: 40px; background-color: #1dbfd6; }
footer .footer-col { margin-bottom: 40px; }
footer .footer-col p.further-info { color: #fff; margin-top: 25px; }

/* Administration */
.admin-alerts { display: none; margin-top: 20px; }
.admin-content p { margin: 20px 0 20px 0; }
#divAwardApplications p { font-size: 16px; line-height: 28px; margin: 0px; }
#divAwardApplications p.question { color: #1dbfd6; font-weight: bold; margin-top: 10px; }