/* Menu */
.sub-arrow {
  display: none; }

/* STRUCTURE */
/* resolve layouts archive issue */
.post-type-archive #main > .ast-row {
  margin-right: 0;
  margin-left: 0; }

/* Hide irritating Toolset mess */
.entry-header, .post-navigation, .ast-archive-description, .ast-pagination {
  display: none; }

.page-excerpt {
  padding-bottom: 1em; }

.sharetext {
  text-align: center;
  padding: 2.4em 0 2.8em; }

.social-icon {
  display: inline-block;
  padding-right: 20px; }

/* Indent layout */
.indent-text {
  position: relative; }

@media (min-width: 992px) {
  .event-text h2, .event-text h3, .event-text h4, .event-text h5, .event-text h6, .event-text p, .event-text ol, .event-text ul, .jewel-text h2, .jewel-text h3, .jewel-text h4, .jewel-text h5, .jewel-text h6, .jewel-text p, .jewel-text ol, .jewel-text ul {
    padding-left: 170px;
    padding-right: 170px; } }
@media (min-width: 1200px) {
  .event-text h2, .event-text h3, .event-text h4, .event-text h5, .event-text h6, .event-text p, .event-text ol, .event-text ul, .jewel-text h2, .jewel-text h3, .jewel-text h4, .jewel-text h5, .jewel-text h6, .jewel-text p, .jewel-text ol, .jewel-text ul {
    padding-left: 200px;
    padding-right: 200px; } }
.event-text figure, .jewel-text figure {
  position: relative;
  margin: 20px 0 0;
  max-width: 100%; }
  @media (min-width: 768px) {
    .event-text figure, .jewel-text figure {
      margin: 30px 0 20px; } }
@media (min-width: 768px) {
  .event-text figcaption, .jewel-text figcaption {
    display: inline-block;
    position: absolute;
    bottom: 10%;
    right: 0;
    width: 400px;
    text-align: center;
    font: 600 1.1em "Lato", Arial, sans-serif !important;
    color: #ffffff !important;
    line-height: 1.5;
    padding: 2vw 3vw; } }
@media (min-width: 768px) {
  .event-text .wp-caption-text, .jewel-text .wp-caption-text {
    font: 600 1.1em "Lato", Arial, sans-serif !important;
    color: #ffffff !important;
    line-height: 1.5;
    padding: 2vw 3vw; } }

.sidebar-block h3 {
  margin-top: 20px;
  margin-bottom: 10px; }

@media (min-width: 768px) {
  .jewel-text figcaption {
    background: rgba(0, 179, 197, 0.8); } }

@media (min-width: 768px) {
  .event-text figcaption {
    background: rgba(249, 157, 28, 0.8); } }

.search-results {
  padding-bottom: 20px; }
  .search-results p {
    margin-bottom: 10px; }

/* Layout issues */
/*
.ddl-full-width-row>[class*="col-"]:first-child {
	padding-left: 0;
}

.ddl-full-width-row>[class*="col-"]:last-child {
	padding-right: 0;
}

body,
html {
	overflow-x: hidden;
}

.align-xs-left {
	text-align: left;
}

.align-xs-right {
	text-align: right;
}

.align-xs-center {
	text-align: center;
}

.align-xs-justify {
	text-align: justify;
}

@media (min-width: 768px) {
	.align-sm-left {
		text-align: left
	}
	.align-sm-right {
		text-align: right
	}
	.align-sm-center {
		text-align: center
	}
	.align-sm-justify {
		text-align: justify
	}
}

@media (min-width: 992px) {
	.align-md-left {
		text-align: left
	}
	.align-md-right {
		text-align: right
	}
	.align-md-center {
		text-align: center
	}
	.align-md-justify {
		text-align: justify
	}
}

@media (min-width: 1200px) {
	.align-lg-left {
		text-align: left
	}
	.align-lg-right {
		text-align: right
	}
	.align-lg-center {
		text-align: center
	}
	.align-lg-justify {
		text-align: justify
	}
}

.align-centre {
	text-align: center;
}

.navbar,
body .ddl-navbar {
	margin-bottom: 16px;
}

body .navbar-default,
body .ddl-navbar-default {
	margin-top: 20px;
	position: static;
}

.navbar-default,
body .ddl-navbar-default {
	background: none !important;
}

.caret {
	display: none;
}

body .nav>li>a::after,
body .ddl-nav>li>a::after {
	display: none;
}

body .nav>li>a,
body .ddl-nav>li>a {
	font-family: $font-sans;
	font-size: 0.7em;
	font-weight: 200;
	color: $light-grey !important;
	text-transform: uppercase;
	padding: 0 16px;
}

.container-header {
	padding: 5px 0 5px;
    
    @media (min-width: 768px) {
        padding: 5px 0 10px;}
    @media (min-width: 950px) {
        padding: 5px 0 20px; }
}

.header-logo {
	display: inline-block;
	padding-left: 10px;
}

.header-menu {
	display: inline-block;
	text-align: right;
}

.ubermenu-responsive-toggle {
	text-align: right;
	margin-top: 20px;
}

.ianlogo {
	position: absolute;
	margin-top: 0px;
	text-align: right;
}

.ianlogo img {
    max-width: 240px;
    padding-left: 10px;
    
    @media (min-width: 768px) {
        max-width: 280px;
    }
    @media (min-width: 950px) {
        max-width: 350px;
    }
    @media (min-width: 1200px) {
        max-width: 100%;
    }
}

.iannav {
	margin-top: 0px;
	text-align: right;
}

.ubermenu-responsive-toggle {
    font-size: 20px;
    margin-top: 0px;
    text-align: right;
}
*/
/* Footer */
.widget-title {
  text-align: left; }

/*
footer {
    padding-top: 40px;
}

.footer-block {
    padding-bottom: 20px;
}


.social-icons {
	font-size: 1.6em;
}

.social-icon {
    display: inline-block;
    padding-left: 10px;
}

.main-footer {
	background-color: $dark-blue;
	border-top: none;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 20px;
	font: 300 16px $font-sans;
	color: $med-grey;
}

.main-footer a {
	color: $pale-grey;
}

.main-footer .title {
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 10px;
}

.main-footer .text {
	padding-bottom: 5px;
}

.footer-connect {
	background-color: $dark-blue;
	border-top: none;
	color: $white;
	padding: 25px 0;
}

.footer-connect label {
	text-transform: uppercase;
}

.btn-footer-email {
	background-color: $white !important;
	border-width: 0;
	color: #262626;
	font-size: 15px;
	height: 42px;
	line-height: 1.5;
	padding: 10px 12px;
}

.fa-chevron-right::before {
	content: ">";
    color: #000;
}

.footer-middle {
	padding: 20px 0 50px;
}

.footer-credit {
	background-color: $dark-blue;
	color: $light-grey;
	font-family: $font-sans;
	font-size: 12px;
	font-weight: 300;
    margin-top: 20px;
}

.footer-credit a {
	color: $pale-grey;
}

.credit-right {
    @media (min-width: 768px) {
        text-align: right;
    }
}





/* Pagination */
/*
.pagination-container {
	text-align: center;
	padding: 20px 0 30px;
	font-size: 14px;
}

.pagination-container ul,
.pagination-container ul * {
	display: inline;
	padding: 0;
}

.pagination-container li {
	border: none;
	background-color: $pale-grey;
	margin: 0 5px;
	padding: 4px 8px;
}

.pagination-container a {
	border-bottom: none;
	color: $dark-grey;
}

.pagination-container .wpv_page_current {
	background: $dark-grey;
	color: $white;
}


/* Buttons */
/*
.btn-sm,
.btn-group-sm>.btn {
	border-radius: 0 !important;
}

.social-icons .fa {
	color: $white;
}

.noborder,
.noborder img {
	border: none !important;
}

*/
/* Grid */
.grid-container {
  position: relative; }

.grid-container .images {
  margin-bottom: 0; }

.grid-block {
  display: inline;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.7));
  color: #ffffff;
  padding-bottom: 20px; }
  .grid-block h3 {
    color: #ffffff;
    margin-bottom: 0; }

.grid-block-spacing h2 {
  padding-top: 10px;
  margin-bottom: 10px; }

/*
.grid-title {
	font: 600 2.3rem $font-sans !important;
	color: $white;
	text-align: center;
	padding-bottom: 5px;
}

.grid-subtitle {
	font: 600 1.2rem $font-sans !important;
	color: $white;
	text-align: center;
	padding-bottom: 20px;
}

.grid-button .btn {
	font: 500 1.4rem $font-sans !important;
	text-transform: uppercase;
}
*/
.grid-overlay-red,
.grid-overlay-blue,
.grid-overlay-green,
.grid-overlay-orange,
.grid-overlay-black {
  display: inline;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.grid-overlay-red {
  background: rgba(237, 28, 36, 0.8); }

.grid-overlay-blue {
  background: rgba(0, 171, 197, 0.8); }

.grid-overlay-green {
  background: rgba(141, 198, 63, 0.8); }

.grid-overlay-orange {
  background: rgba(249, 157, 28, 0.8); }

.grid-overlay-black {
  background: rgba(0, 0, 0, 0.5); }

.grid-overlay-red p,
.grid-overlay-blue p,
.grid-overlay-green p,
.grid-overlay-orange p,
.grid-overlay-black p {
  color: #ffffff;
  padding: 30px; }

.grid-container:hover .grid-overlay-red,
.grid-container:hover .grid-overlay-blue,
.grid-container:hover .grid-overlay-green,
.grid-container:hover .grid-overlay-orange,
.grid-container:hover .grid-overlay-black {
  opacity: 1; }

.two-column {
  column-count: 2; }

.gutter5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.home-activities, .home-jewel, .home-event, .home-news {
  text-align: center !important;
  padding-top: 2em;
  padding-bottom: 1em; }
  .home-activities h2, .home-jewel h2, .home-event h2, .home-news h2 {
    margin-bottom: 10px; }
  .home-activities p, .home-jewel p, .home-event p, .home-news p {
    margin-bottom: 10px; }

.home-activities h2, .home-activities h6 a {
  color: #ed1c24; }

.home-jewel h2, .home-jewel h6 a {
  color: #00abc5; }

.home-event h2, .home-event h6 a {
  color: #fa9d1c; }

.home-news {
  padding-bottom: 2em;
  text-align: left !important; }
  .home-news h2, .home-news h6 a {
    color: #8dc63f; }
  .home-news p {
    line-height: 1.1;
    padding-top: 10px; }
  @media (min-width: 768px) {
    .home-news {
      text-align: center !important; } }

/*
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: $xdark-grey;
}

h1 {
    text-align: center;
}*/
.news-text h1 {
  color: #8dc63f; }

/*h2 {
    padding-top: 1em;
    text-align: center;
}*/
@media (min-width: 768px) {
  h5 {
    text-align: center; } }

@media (min-width: 992px) {
  .page-indent h2, .page-indent h3, .page-indent h4, .page-indent h5, .page-indent h6, .page-indent p {
    padding-left: 170px;
    padding-right: 170px; } }
@media (min-width: 1200px) {
  .page-indent h2, .page-indent h3, .page-indent h4, .page-indent h5, .page-indent h6, .page-indent p {
    padding-left: 200px;
    padding-right: 200px; } }
.page-indent h2 {
  text-align: center; }

.tender-text {
  padding-bottom: 2em; }
  .tender-text h3 {
    text-align: center; }

/* 

.section-container {
	background-color: $pale-grey;
	min-height: 13em;
	padding: 1.8em 2.2em;
}

.section-title,
.section-title-home {
	font: 700 2em $font-sans;
	color: $dark-grey;
	letter-spacing: 0.01em;
	text-align: center;
	padding: 60px 0 30px;
}

.section-title-home {
	padding: 4vw 0 0 !important;
}

.section-title-small {
	font: 700 1.3em $font-sans !important;
	letter-spacing: 0.01em;
	text-align: center;
	padding-bottom: 20px;
}

.section-text,
.section-text p {
	font-size: 0.9em;
	margin-top: 10px;
	text-align: center;
	color: $light-grey;
    
}

.section-more {
	font: 400 0.9em $font-sans !important;
	padding: 1vw 0 3vw;
	text-align: center;
}

.section-block-text,
.section-block-text p {
	padding-top: 2px;
}

.sharetext {
	text-align: center;
	padding: 2.4em 0 2.8em;
}

body,
p {
	font-family: $font-serif;
	font-size: 13px;
	color: $dark-grey;
	font-weight: 100;
	line-height: 1.6;
	padding-top: 10px;
    
    @media (min-width: 768px) {
        font-size: 15px
	};
    
    @media (min-width: 992px) {
        font-size: 17px
	};
    
    @media (min-width: 1200px) {
        font-size: 19px
	};
}



h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: $font-sans;
	color: $light-grey;
}

h1 {
	font-size: 3.2em !important;
	line-height: 1.1 !important;
	font-weight: 700 !important;
	text-align: center;
}

h2 {
	font-size: 3rem !important;
	line-height: 1.1 !important;
	font-weight: 400 !important;
	padding-top: 20px;
}

h3 {
	font-size: 2.2rem !important;
	line-height: 1.1 !important;
	font-weight: 400 !important;
	padding-top: 20px;
}

.text-sanserif {
	font-family: $font-sans !important;
}

.title-xlarge,
.title-large,
.title-medium,
.title-small,
.title-xlarge a,
.title-large a,
.title-medium a,
.title-small a {
	font-family: $font-sans;
	color: $light-grey;
	font-weight: 700;
}

.title-xlarge,
.title-xlarge a {
	font-size: 4rem;
	line-height: 1.1;
}

.title-large,
.title-large a {
	font-size: 3rem;
	line-height: 1.1;
	padding: 8px 0 2px;
}

.title-medium,
.title-medium a {
	font-size: 2rem;
	line-height: 1.2;
	padding-top: 6px;
    font-weight: 600;
}

.title-small,
.title-small a {
	font-size: 1.6rem;
	line-height: 1.2;
	padding: 0;
	border: none;
	margin-bottom: 0;
    font-weight: 600;
}

.title-xlarge span,
.title-large span,
.title-medium span,
.title-small span {
	font-weight: 700;
}

.title-box {
	background-color: $white;
	color: $dark-grey;
	display: inline-block;
	font-family: $font-sans;
	font-size: 1.6rem;
	padding: 2px 10px;
	border: 1px solid $light-grey;
}

.text-thinkteam,
.text-thinkteam a {
	color: $light-grey;
	font-family: $font-sans;
	font-weight: 500;
	font-size: 1.1rem;
	padding: 8px 10px 8px 0;
	text-transform: uppercase;
}

.text-xlarge,
.text-large,
.text-medium,
.text-small,
.text-xlarge p,
.text-large p,
.text-medium p,
.text-small p {
	color: $dark-grey !important;
	line-height: 1.2;
	padding-top: 0;
}

.text-xlarge span,
.text-large span,
.text-medium span,
.text-small span {
	font-weight: 600 !important;
}

.text-xlarge,
.text-xlarge p {
	font-size: 1.2em !important;
}

.text-large,
.text-large p {
	font-size: 1em !important;
}

.text-medium,
.text-medium p {
	font-size: 0.8em !important;
}

.text-small,
.text-small p {
	font-size: 0.7 em !important;
	padding-top: 2px;
}

.programme-xlarge,
.programme-large,
.programme-medium,
.programme-small {
	font-weight: 200;
	line-height: 1.1;
	color: $light-grey;
}

.programme-large {
	font-size: 13px;
}

.programme-large span {
	font-weight: 600;
}

.programme-medium {
	font-size: 12px;
	padding-top: 8px;
}

.programme-small {
	font-size: 11px;
	padding-top: 4px;
}

.programme-xlarge span,
.programme-large span,
.programme-medium span,
.programme-small span {
	font-weight: 800;
}

.date-xlarge,
.date-large,
.date-medium,
.date-small {
	font-weight: 200;
	line-height: 1.1;
	color: #888;
	text-transform: uppercase;
	padding-bottom: 8px;
}

.date-xlarge span,
.date-large span,
.date-medium span,
.date-small span,
.date-xsmall span {
	font-weight: 600;
	color: $light-grey;
}

.date-xlarge {
	font-size: 22px;
}

.date-large {
	font-size: 18px;
}

.date-medium {
	font-size: 14px;
}

.date-small {
	font-size: 12px;
}

#wpadminbar a,
.ab-item a {
	color: #eee !important;
}

p a,
a,
.text-xlarge a,
.text-large a,
.text-medium a,
.text-small a {
	color: #000;
	text-decoration: none !important;
	transition: all 0.3s ease 0s;
}

a[target="_blank"]:not(.notarget):after {
	display: none;
}

a:hover,
p a:focus {
	text-decoration: underline !important;
}

.uppercase {
	text-transform: uppercase !important;
}

.btn {
	background-color: #111;
	border: none !important;
	font-family: $font-sans !important;
	font-weight: 500 !important;
	text-transform: uppercase !important;
}

.btn-sm {
	font-size: 0.6em;
	padding: 5px 15px;
}

.list-details {
	font-size: 0.75em;
	padding-top: 10px;
}

.list-details,
.list-details a {
	color: $dark-grey;
}

.list-icon {
	display: inline-block;
	color: #444;
	padding: 0 15px 6px 0;
	border-bottom: 1px solid $dark-grey;
}

*/
.line-above {
  border-top: 1px solid #ececec;
  padding: 30px 0; }

.line-above-10 {
  border-top: 1px solid #ececec;
  padding: 10px 0; }

.line-above-20 {
  border-top: 1px solid #ececec;
  padding: 20px 0; }

.line-below {
  border-bottom: 1px solid #ececec;
  padding: 10px 0; }

.line-below-20 {
  border-bottom: 1px solid #ececec;
  padding: 20px 0; }

.line-below-30 {
  border-bottom: 1px solid #ececec;
  padding: 30px 0; }

.line-left {
  border-left: 1px solid #ececec; }

.line-right {
  border-right: 1px solid #ececec; }

.nopad-right {
  padding-right: 0; }

.pad0 {
  padding: 0 !important; }

.pad10 {
  padding: 10px !important; }

.top0 {
  margin-top: 0 !important; }

.top0pad {
  padding-top: 0px !important; }

.top5 {
  margin-top: 5px !important; }

.top5pad {
  padding-top: 5px !important; }

.top10 {
  margin-top: 10px !important; }

.top10pad {
  padding-top: 10px !important; }

.top20 {
  margin-top: 20px !important; }

.top20pad {
  padding-top: 20px !important; }

.top30 {
  margin-top: 30px !important; }

.top30pad {
  padding-top: 30px !important; }

.top40 {
  margin-top: 40px !important; }

.top40pad {
  padding-top: 40px !important; }

.bottom0 {
  margin-bottom: 0px !important; }

.bottom2 {
  margin-bottom: 2px !important; }

.bottom4 {
  margin-bottom: 4px !important; }

.bottom5 {
  margin-bottom: 5px !important; }

.bottom5pad {
  padding-bottom: 5px !important; }

.bottom10 {
  margin-bottom: 10px !important; }

.bottom10pad {
  padding-bottom: 10px !important; }

.bottom20 {
  margin-bottom: 20px !important; }

.bottom20pad {
  padding-bottom: 20px !important; }

.bottom30 {
  margin-bottom: 30px !important; }

.bottom30pad {
  padding-bottom: 30px !important; }

.bottom40 {
  margin-bottom: 40px !important; }

.bottom40pad {
  padding-bottom: 40px !important; }

.bottom60 {
  margin-bottom: 60px !important; }

.bottom60pad {
  padding-bottom: 60px !important; }

.left-right-0 {
  padding-left: 0px !important;
  padding-right: 0px !important; }

.left-right-1 {
  padding-left: 1px !important;
  padding-right: 1px !important; }

.left-right-2 {
  padding-left: 2px !important;
  padding-right: 2px !important; }

.left-right-5 {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.left-right-10 {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.left-right-11 {
  padding-left: 11px !important;
  padding-right: 11px !important; }

.left-right-13 {
  padding-left: 13px !important;
  padding-right: 13px !important; }

.left-right-15 {
  padding-left: 15px !important;
  padding-right: 15px !important; }

.left-right-20 {
  padding-left: 20px !important;
  padding-right: 20px !important; }

/* Buttons */
.btn {
  border: none;
  font-size: 15px !important;
  letter-spacing: 1px !important;
  border-radius: 0px;
  text-transform: uppercase;
  font: "Lato", Arial, sans-serif !important;
  background-color: #00abc5; }

/* Forms */
#gform_wrapper_21 label {
  display: none; }
#gform_wrapper_21 .gform_footer {
  margin: 0 !important; }

/*

.form-inline label {
	font: 600 1.8rem $font-sans !important;
	padding-right: 20px;
}

.form-inline .btn-primary {
	background-color: $white;
	color: #000;
	border: none;
	height: 43px;
}

#EmailSignup {
	width: 16em;
}

.variation-ClubNameTeamNameSchool,
.variation-Gender,
.variation-DateofBirth,
.variation-Address,
.variation-Phone,
.variation-2016LicenseNo,
.variation-Email,
.variation-Indemnity {
	display: none !important;
}

.gfield_description,
.gfield_description li {
	font-size: 13px !important;
	line-height: 1.2 !important;
}

.gfield_description div {
	padding-bottom: 10px !important;
}

ol.gfield_description_rules li {
	padding-bottom: 5px !important;
}

.gfield_description_rules li::marker {
	width: 30px !important;
	text-align: right !important;
	margin-right: 10px !important;
	display: inline-block !important;
}


.gform_heading {
	display: none;
}

.gfield {
	padding-bottom: 15px;
}

*/
/* Footer */
/*
#gform_wrapper_21 {
    margin: 0;
}

#field_21_1 {
    width: 420px;
    margin: 0;
    padding-right: 0px;
}

#gform_21 .gform_body {
    float: left;
    width: auto;
}


#gform_fields_21 {
    display: inline-block;
}

#gform_21 .gfield_label {
    margin-top: 10px;
    width: 160px;
}

#input_21_1 {
    width: 200px;
    @media (min-width: 992px) {
        width: 220px;}
    @media (min-width: 1200px) {
        width: 250px;}
}

#gform_21 .gform_footer {
    float: left;
    clear: none;
    margin: 0;
    padding: 0;
    width: auto;
}

#gform_submit_button_21 {
    font-size: 1.35em;
    background-color: $light-grey;
}
*/
.image-header {
  position: relative;
  min-height: 220px;
  margin-bottom: 60px; }
  @media (min-width: 768px) {
    .image-header {
      min-height: 260px; } }
  @media (min-width: 992px) {
    .image-header {
      min-height: 300px; } }
  @media (min-width: 1200px) {
    .image-header {
      min-height: 380px; } }

.image-header-block {
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 95%; }
  .image-header-block h1, .image-header-block h2, .image-header-block h3, .image-header-block h4, .image-header-block h5 {
    color: #fff !important;
    text-align: center; }

.home-banner, .home-banner-container {
  position: relative;
  height: 400px; }
  @media (min-width: 768px) {
    .home-banner, .home-banner-container {
      height: 500px; } }
  @media (min-width: 992px) {
    .home-banner, .home-banner-container {
      height: 600px; } }
  @media (min-width: 1200px) {
    .home-banner, .home-banner-container {
      height: 700px; } }

.jewel-banner, .jewel-banner-container {
  position: relative;
  height: 300px; }
  @media (min-width: 768px) {
    .jewel-banner, .jewel-banner-container {
      height: 400px; } }
  @media (min-width: 992px) {
    .jewel-banner, .jewel-banner-container {
      height: 500px; } }
  @media (min-width: 1200px) {
    .jewel-banner, .jewel-banner-container {
      height: 600px; } }

.home-banner-block, .jewel-banner-block {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center; }
  .home-banner-block h1, .jewel-banner-block h1 {
    color: #ffffff !important; }

.banner-container {
  position: relative;
  background-color: #ececec;
  min-height: 600px; }

.banner-block {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center !important; }

.banner-button {
  padding: 8px 14px; }
  .banner-button .btn {
    position: relative;
    /* left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);*/ }

/*


.banner-container img,
.banner-page-container img {
	width: 100% !important;
	text-align: center;
}

.banner-page-container {
	background-color: $pale-grey;
	position: relative;
	background-size: cover;
	background-position: center;
	height: 260px;
    @media (min-width: 768px) {
        height: 300px
	};
    
    @media (min-width: 992px) {
        height: 320px
	};
    
    @media (min-width: 1200px) {
		height: 400px
	};
}



.banner-thin-container {
	position: relative;
	background-color: $pale-grey;
	background-size: cover;
	background-position: center;
	height: 160px;
}

.banner-block {
	display: inline-block;
	position: absolute;
	width: 90%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}

.banner-title {
	font-family: $font-sans !important;
	font-weight: 600;
	font-size: 2em;
	color: $white;
	letter-spacing: 0.02em;
	line-height: 1.1;
	margin: 0 !important;
	padding-bottom: 20px;
    
    @media (min-width: 768px) {
        font-size: 2.5em
	};
    
    @media (min-width: 992px) {
        font-size: 4em
	};
    
    @media (min-width: 1200px) {
        font-size: 4.2em
	};
}

.banner-button .btn {
	font: 500 0.8em $font-sans !important;
	text-transform: uppercase;
    padding: 8px 14px;
}

.banner-page-block {
	position: absolute;
	bottom: 10%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 95%; 
	text-align: center;
    h1 {
        color: $white !important;
    }
}

.banner-page-title {
	font-family: $font-sans !important;
	font-size: 3.4em;
	font-weight: 600;
	color: $white;
	line-height: 1;
	letter-spacing: 0.01em;
	margin: 0 !important;
	padding-bottom: 10px;
}

.banner-page-subtitle {
	font-family: $font-serif;
	font-size: 1.2em;
	color: $white;
	line-height: 1;
    
    @media (min-width: 768px) {
        font-size: 1.2em
	}
    
    @media (min-width: 992px) {
        font-size: 1.3em
	}
    
    @media (min-width: 1200px) {
        font-size: 1.4em
	}
}

.banner-image {
	display: inline;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
}
*/
.jewel-block {
  background-color: rgba(255, 255, 255, 0.7);
  text-align: left;
  min-height: 18em;
  padding: 2em 2.5em; }
  .jewel-block h2, .jewel-block h5 {
    color: #555; }

.jewel-bottom {
  background-color: #00abc5;
  padding-top: 2em;
  padding-bottom: 4em; }
  .jewel-bottom h2, .jewel-bottom h3, .jewel-bottom p, .jewel-bottom a {
    color: #ffffff !important; }
  .jewel-bottom h3 {
    padding-top: 1em; }

/*

.jewel-container {
	background-color: $pale-grey;
	position: relative;
	background-size: cover;
	background-position: center;
}

.jewel-container img {
	width: 110% !important;
	max-width: 110% !important;
}



.jewel-title {
	font-family: $font-sans !important;
	font-weight: 600;
	font-size: 3.2em;
	color: $light-grey;
	letter-spacing: 0.02em;
	line-height: 1;
	padding-bottom: 30px;
}

.jewel-text {
	font-weight: 500;
	font-size: 1em;
	color: $light-grey;
	line-height: 1.2;
}

.operator-details {
	font: 500 1.3rem $font-sans;
	line-height: 1.3 !important;
	padding-top: 10px;
}


*/
.news-container {
  padding: 1em 2em;
  background-color: #ececec; }
  @media (min-width: 768px) {
    .news-container {
      min-height: 10em; } }
  .news-container h4 {
    margin-bottom: 5px; }
  .news-container h6 {
    color: #8dc63f; }

.news-read-block {
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }

.news-read {
  font-size: 4em;
  color: #ffffff;
  text-align: center; }

.home-news {
  font: 500 0.9em "Lato", Arial, sans-serif;
  line-height: 1.3;
  padding-top: 10px;
  text-align: center; }

.lesson-complexity:before {
  content: " / "; }

.event-container {
  padding: 2em 2em;
  background-color: #ececec; }
  @media (min-width: 768px) {
    .event-container {
      min-height: 16em; } }
  .event-container h3 a {
    color: #fa9d1c; }

.sponsor-container {
  text-align: center; }

.sponsor-main-logo {
  display: inline-block; }
  .sponsor-main-logo img {
    max-width: 200px; }

.sponsor-logo {
  display: inline-block;
  padding: 20px 0 30px; }

.event-bottom {
  background-color: #fa9d1c;
  padding-top: 2em;
  padding-bottom: 4em;
  color: #ffffff !important; }
  .event-bottom h2, .event-bottom h3, .event-bottom p, .event-bottom a {
    color: #ffffff !important; }
  .event-bottom h3 {
    padding-top: 1em; }

.event-details {
  padding-bottom: 10px; }
  .event-details h3 {
    margin-bottom: 10px; }
  .event-details p {
    margin-bottom: 10px; }
  .event-details i {
    padding-right: 12px; }

/*

.event-date-block {
	display: inline-block;
	position: absolute;
	top: 50%;
	width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.event-date {
	font: 800 6rem $font-sans !important;
	color: $white;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	line-height: 1.1;
	text-align: center;
}

.event-title {
    font-size: 1.2em;
    font-weight: 500;
    color: $white;
    line-height: 1.1;
}

.event-text {
    position: relative;
}

.event-sponsor-logo {
    width: 200px;
    padding:10px;
    background-color:$white;
    margin-bottom:5px;
    margin-left: auto;
    margin-right: auto;
}


.event-text h1, .event-text h2,.event-text h3,.event-text p,.event-text ul,.event-text ol {
    @media (min-width: 992px) {
		padding-left: 170px;
        padding-right: 170px;
	};
    
    @media (min-width: 1200px) {
        padding-left: 200px;
        padding-right: 200px;
	};
}

.event-text .content-block {
    max-width: 100%;
}

.event-text figure {
	position: relative;
    margin: 20px 0 0;
    max-width: 100%;
}

@media (min-width: 768px) {
	.event-text figure {
	margin: 30px 0 20px;
    }
}

.event-text figcaption {
    background: rgba(249, 157, 28, 0.8);
    
    @media (min-width: 768px) {
        display: inline-block;
		position: absolute;
		bottom: 15%;
		right: 0;
		width: 400px;
		text-align: center;
	}
}

.event-text .wp-caption-text {
	font: 600 0.9em $font-sans !important;
	color: $white !important;
	line-height: 1.5;
	padding: 2vw 3vw;
}

.event .banner-page-title::first-letter {
    text-transform: lowercase;
}




.event-table h1, .event-table h2,.event-table h3,.event-table p,.event-table ul,.event-table ol {
    padding: 0;
    margin-top: 11px;
}

*/
.operator-block h3 {
  margin-bottom: 5px; }
.operator-block p {
  margin-bottom: 10px; }
.operator-block i {
  padding-right: 12px; }

.operator-details {
  display: inline-block;
  padding-right: 20px; }

.operator-activities {
  padding-bottom: 10px; }
  .operator-activities p {
    margin-bottom: 10px; }
  .operator-activities i {
    padding-right: 12px; }

/*
.operator-details ul,
.operator-details ul * {
	display: inline;
	padding: 0;
}

.operator-details li {
	padding-right: 10px;
}

.operator-website span:before,
.operator-email span:before,
.operator-tel span:before,
.operator-directions span:before {
	display: inline-block;
	vertical-align: middle;
	font-family: "dashicons";
	font-size: 1.5rem;
	color: $light-grey;
	padding-right: 10px;
}

.operator-website span:before {
	content: "\f319";
}

.operator-email span:before {
	content: "\f465";
}

.operator-tel span:before {
	content: "\f525";
}

.operator-directions span:before {
	content: "\f230";
}
*/
.accommodation-details {
  padding-bottom: 10px; }
  .accommodation-details h3 {
    margin-bottom: 10px; }
  .accommodation-details p {
    margin-bottom: 10px; }
  .accommodation-details i {
    padding-right: 12px; }

.product-block {
  padding: 15px 30px 45px;
  background-color: #ececec;
  min-height: 150px;
  margin-bottom: 45px; }

.woocommerce a.button,
input.button[type="button"],
.woocommerce input.button[type="submit"][name="update_cart"],
.woocommerce input.button[type="submit"][name="apply_coupon"] {
  background-color: #111;
  border: none;
  color: #ffffff;
  font: 500 0.6em "Lato", Arial, sans-serif !important;
  text-transform: uppercase; }

.attachment-shop_thumbnail,
.attachment-shop_single {
  border: 1px solid #555 !important; }

.wp-caption-text {
  color: #999;
  text-align: left;
  font-size: 0.8em; }

.image100,
.image100 img {
  width: 100% !important; }

.page-image-blue figure,
.page-image-red figure,
.page-image-green figure {
  max-width: 100%; }

.page-image-blue, .page-image-red, .page-image-green {
  padding: 0px 0 3em; }

.page-image-orange {
  padding: 3em 0 2em; }

.page-image-blue figcaption,
.page-image-orange figcaption,
.page-image-red figcaption,
.page-image-green figcaption {
  position: relative; }
  @media (min-width: 768px) {
    .page-image-blue figcaption,
    .page-image-orange figcaption,
    .page-image-red figcaption,
    .page-image-green figcaption {
      display: inline;
      position: absolute;
      bottom: 20%;
      right: 15px;
      width: 25%;
      text-align: center; } }

.page-image-blue figcaption {
  background: rgba(0, 171, 197, 0.8); }

.page-image-orange figcaption {
  background: rgba(249, 157, 28, 0.8); }

.page-image-red figcaption {
  background: rgba(237, 28, 36, 0.8); }

.page-image-green figcaption {
  background: rgba(141, 198, 63, 0.8); }

.page-image-blue .wp-caption-text,
.page-image-orange .wp-caption-text,
.page-image-red .wp-caption-text,
.page-image-green .wp-caption-text {
  font: 600 1.1em "Lato", Arial, sans-serif !important;
  color: #ffffff !important;
  line-height: 1.5;
  padding: 1em; }

/*
figure {
    max-width: 100%;
}

p.wp-caption-text,
.wp-caption-text {
	color: #888 !important;
	font-size: 13px !important;
	font-weight: 200 !important;
	padding: 2px 30px 15px 0;
	line-height: 1.2;
}

.thumbnail {
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin-bottom: 10px !important;
}

.thumbnail .caption {
	padding: 2px !important;
}



.ngg-gallery-thumbnail-box {
	max-width: 33% !important;
}

.ngg-gallery-thumbnail {
	border: none !important;
}

.video-embed {
	padding: 40px 0;
}

.ngg-gallery-thumbnail img {
	border: none !important;
	padding: 0 !important;
}

*/
.isi-white,
.isi-white p,
.isi-white a {
  color: #ffffff !important; }

.isi-red,
.isi-red a {
  color: #ed1c24 !important; }

.isi-green,
.isi-green a {
  color: #8dc63f !important; }

.isi-blue,
.isi-blue a {
  color: #00abc5 !important; }

.isi-orange,
.isi-orange a {
  color: #fa9d1c !important; }

.black,
.black a {
  color: #111 !important; }

.background-blue {
  background-color: #00abc5 !important;
  color: #ffffff !important; }

.background-isiblue {
  background-color: #222f3d !important;
  color: #ffffff !important; }

.background-orange {
  background-color: #fa9d1c !important;
  color: #ffffff !important; }

.background-isiorange {
  background-color: #fa9d1c !important;
  color: #ffffff !important; }

.background-green {
  background-color: #8dc63f !important;
  color: #ffffff !important; }

.background-red {
  background-color: #ed1c24 !important;
  color: #ffffff !important; }

.background-black {
  background-color: #222 !important;
  color: #ffffff !important; }

.background-lightgrey {
  background-color: #ececec !important; }

.background-grey {
  background-color: #999 !important;
  color: #ffffff !important; }

.bordertop-black {
  border-top: 10px #111 solid; }

/*# sourceMappingURL=base.css.map */
